@axos-web-dev/shared-components 0.0.163 → 0.0.165

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 (189) hide show
  1. package/dist/ATMLocator/ATMLocator.js +35 -35
  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 +35 -35
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  17. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  18. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  19. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  20. package/dist/Calculators/Calculator.js +35 -35
  21. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  22. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  23. package/dist/Calculators/calculator.css.js +4 -4
  24. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  25. package/dist/Carousel/Carousel.css.js +3 -3
  26. package/dist/Carousel/index.js +35 -35
  27. package/dist/Chevron/Chevron.css.js +4 -4
  28. package/dist/Chevron/index.js +35 -35
  29. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  30. package/dist/CollectInformationAlert/index.js +3 -3
  31. package/dist/Comparison/Comparison.css.js +7 -7
  32. package/dist/Comparison/Comparison.js +34 -34
  33. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  34. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  35. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  36. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  37. package/dist/FaqAccordion/index.d.ts +2 -1
  38. package/dist/FaqAccordion/index.js +40 -39
  39. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +2 -2
  41. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +34 -34
  42. package/dist/Forms/ApplicationStart.js +4 -4
  43. package/dist/Forms/ClearingForm.js +4 -4
  44. package/dist/Forms/CommercialDeposits.js +4 -4
  45. package/dist/Forms/CommercialLending.js +4 -4
  46. package/dist/Forms/ContactCompany.js +4 -4
  47. package/dist/Forms/ContactUs.js +4 -4
  48. package/dist/Forms/ContactUsAAS.js +4 -4
  49. package/dist/Forms/ContactUsBusiness.js +35 -35
  50. package/dist/Forms/ContactUsNMLSId.js +35 -35
  51. package/dist/Forms/CpraRequest.js +4 -4
  52. package/dist/Forms/DealerServices.js +4 -4
  53. package/dist/Forms/EmailOnly.js +35 -35
  54. package/dist/Forms/EmailUs.js +3 -3
  55. package/dist/Forms/FormEnums.d.ts +8 -1
  56. package/dist/Forms/FormEnums.js +14 -2
  57. package/dist/Forms/Forms.css.js +7 -7
  58. package/dist/Forms/MortgageRate/MortgageRateForm.js +35 -35
  59. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  60. package/dist/Forms/MortgageRate/MortgageRateWatch.js +35 -35
  61. package/dist/Forms/QuickPricer/QuickPricerForm.js +83 -50
  62. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  63. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  64. package/dist/Forms/ScheduleCall.js +4 -4
  65. package/dist/Forms/ScheduleCallPremier.js +4 -4
  66. package/dist/Forms/SuccesForm.js +36 -36
  67. package/dist/Forms/WcplSurvey.js +4 -4
  68. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  69. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  70. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  71. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  72. package/dist/Hyperlink/index.js +35 -35
  73. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  74. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  75. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  76. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  77. package/dist/ImageLink/ImageLink.css.js +1 -1
  78. package/dist/ImageLink/ImageLink.js +35 -35
  79. package/dist/ImageLink/ImageLinkSet.js +35 -35
  80. package/dist/ImageLink/index.js +35 -35
  81. package/dist/ImageWrapper/ImageWrapper.d.ts +10 -0
  82. package/dist/ImageWrapper/ImageWrapper.js +7 -0
  83. package/dist/ImageWrapper/index.d.ts +1 -0
  84. package/dist/ImageWrapper/index.js +1 -0
  85. package/dist/Input/Checkbox.css.js +1 -1
  86. package/dist/Input/CurrencyInput.d.ts +2 -2
  87. package/dist/Input/CurrencyInput.js +3 -1
  88. package/dist/Input/DatePicker.css.d.ts +1 -0
  89. package/dist/Input/DatePicker.css.js +6 -0
  90. package/dist/Input/DatePicker2.d.ts +21 -0
  91. package/dist/Input/DatePicker2.js +103 -0
  92. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  93. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  94. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  95. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  96. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  97. package/dist/Input/DatePickerComponents/index.js +6 -0
  98. package/dist/Input/Datepicker.d.ts +3 -0
  99. package/dist/Input/Datepicker.js +47 -0
  100. package/dist/Input/Dropdown.css.js +2 -2
  101. package/dist/Input/Input.css.js +4 -4
  102. package/dist/Input/InputAmount.js +1 -1
  103. package/dist/Input/InputDate.css.d.ts +6 -0
  104. package/dist/Input/InputDate.css.js +15 -0
  105. package/dist/Input/InputDate.d.ts +3 -0
  106. package/dist/Input/InputDate.js +47 -0
  107. package/dist/Input/InputPhone.js +1 -1
  108. package/dist/Input/InputProps.d.ts +9 -0
  109. package/dist/Input/RadioButton.css.js +1 -1
  110. package/dist/Input/index.d.ts +1 -1
  111. package/dist/Input/index.js +1 -1
  112. package/dist/Inputs/Input.css.js +3 -3
  113. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  114. package/dist/Insight/Featured/CategorySelector.js +34 -34
  115. package/dist/Insight/Featured/Featured.css.js +2 -2
  116. package/dist/Insight/Featured/Featured.js +36 -36
  117. package/dist/Insight/Featured/Header.css.js +1 -1
  118. package/dist/Insight/Featured/Header.js +34 -34
  119. package/dist/Insight/Insight.css.js +2 -2
  120. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  121. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  122. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  123. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  124. package/dist/Modal/Modal.css.js +3 -3
  125. package/dist/Modal/Modal.js +34 -34
  126. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  127. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  128. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  129. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  130. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  131. package/dist/NavigationMenu/AxosBank/NavData.js +35 -35
  132. package/dist/NavigationMenu/AxosBank/SubNavBar.js +34 -34
  133. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  134. package/dist/NavigationMenu/AxosBank/index.js +33 -33
  135. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  136. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  137. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  138. package/dist/Pagination/Pagination.css.js +1 -1
  139. package/dist/Pagination/Pagination.js +3 -3
  140. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  141. package/dist/SetContainer/SetContainer.css.js +3 -3
  142. package/dist/SetContainer/SetContainer.js +35 -35
  143. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  144. package/dist/StepItem/StepItem.css.js +3 -3
  145. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  146. package/dist/Tab/Tab.css.js +3 -3
  147. package/dist/Table/Table.css.js +3 -3
  148. package/dist/Table/Table.js +3 -3
  149. package/dist/TextBlock/TextBlock.css.js +3 -3
  150. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  151. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  152. package/dist/Typography/Typography.css.js +1 -1
  153. package/dist/VideoTile/VideoTile.css.js +4 -4
  154. package/dist/VideoTile/VideoTile.js +3 -3
  155. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  156. package/dist/VideoWrapper/index.d.ts +1 -0
  157. package/dist/VideoWrapper/index.js +116 -6
  158. package/dist/assets/Input/DatePicker.css +95 -0
  159. package/dist/assets/Input/InputDate.css +39 -0
  160. package/dist/assets/SetContainer/SetContainer.css +5 -0
  161. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  162. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  163. package/dist/globals.css.js +2 -2
  164. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  165. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  166. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  167. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  168. package/dist/icons/CalendarIcon/index.js +4 -0
  169. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  170. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  171. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  172. package/dist/icons/Star/Star.css.js +1 -1
  173. package/dist/index.css.js +3 -3
  174. package/dist/main.d.ts +1 -0
  175. package/dist/main.js +1 -1
  176. package/dist/themes/axos.css.js +1 -1
  177. package/dist/themes/premier.css.js +2 -2
  178. package/dist/types/icon.d.ts +3 -0
  179. package/dist/types/icon.js +1 -0
  180. package/dist/types/popover.d.ts +8 -0
  181. package/dist/types/popover.js +1 -0
  182. package/dist/utils/allowedAxosDomains.js +2 -1
  183. package/dist/utils/constants/format.d.ts +1 -0
  184. package/dist/utils/constants/format.js +4 -0
  185. package/dist/utils/constants/popper.d.ts +6 -0
  186. package/dist/utils/constants/popper.js +10 -0
  187. package/dist/utils/hooks/usePopover.d.ts +25 -0
  188. package/dist/utils/hooks/usePopover.js +64 -0
  189. package/package.json +1 -1
package/dist/NavigationMenu/AxosBank/index.js CHANGED
@@ -8,10 +8,10 @@ import "../../Accordion/Accordion.js";
8
8
  import "../../Accordion/Accordion.css.js";
9
9
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
10
10
  import "../../icons/CheckIcon/CheckIcon.css.js";
11
- /* empty css */
12
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
+ /* empty css */
13
14
  /* empty css */
14
- /* empty css */
15
15
  import "../../Chevron/Chevron.css.js";
16
16
  import "../../AlertBanner/AlertBanner.css.js";
17
17
  import "../../Article/Article.css.js";
@@ -28,6 +28,7 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
28
  import "@hookform/resolvers/zod";
29
29
  import "../../Input/Checkbox.js";
30
30
  import "../../Input/CurrencyInput.js";
31
+ import "../../Input/DownPaymentInput.js";
31
32
  import "../../Input/Dropdown.js";
32
33
  import "../../Input/Dropdown.css.js";
33
34
  import "../../Input/Input.js";
@@ -35,7 +36,6 @@ import "../../Input/Input.css.js";
35
36
  import "../../Input/InputAmount.js";
36
37
  import "../../Input/InputPhone.js";
37
38
  import "../../Input/InputTextArea.js";
38
- import "../../Input/DownPaymentInput.js";
39
39
  import "react-hook-form";
40
40
  import "../../Forms/Forms.css.js";
41
41
  import "../../Forms/SalesforceFieldsForm.js";
@@ -45,19 +45,19 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
45
45
  import "../../Input/RadioButton.js";
46
46
  import "../../Interstitial/Interstitial-variants.css.js";
47
47
  import "../../Inputs/Input.css.js";
48
- /* empty css */
48
+ /* empty css */
49
49
  import "../../Hyperlink/Hyperlink.css.js";
50
- /* empty css */
50
+ /* empty css */
51
51
  import "iframe-resizer";
52
- /* empty css */
52
+ /* empty css */
53
53
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
54
+ /* empty css */
54
55
  /* empty css */
55
- /* empty css */
56
- /* empty css */
57
- /* empty css */
58
- /* empty css */
56
+ /* empty css */
57
+ /* empty css */
58
+ /* empty css */
59
59
  import "../../Carousel/index.js";
60
- /* empty css */
60
+ /* empty css */
61
61
  import "../../Comparison/Comparison.css.js";
62
62
  import "../../HeroBanner/HeroBanner.css.js";
63
63
  import "../../HeroBanner/LargeBanner.css.js";
@@ -66,42 +66,42 @@ import "../../SetContainer/SetContainer.css.js";
66
66
  import "../../Tab/Tab.css.js";
67
67
  import "../../icons/Star/Star.css.js";
68
68
  import "../../ContentBanner/ContentBanner.css.js";
69
- /* empty css */
69
+ /* empty css */
70
70
  import "../../ExecutiveBio/ExecutiveBio.css.js";
71
71
  import "../../FaqAccordion/index.js";
72
72
  import "../../FooterDisclosure/FooterDisclosure.css.js";
73
- /* empty css */
73
+ /* empty css */
74
74
  import "../../ImageBillboard/ImageBillboard.css.js";
75
- /* empty css */
76
- /* empty css */
77
- /* empty css */
78
75
  /* empty css */
79
- /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
80
  import "../../LandingPageHeader/LandingPageHeader.css.js";
81
- /* empty css */
81
+ /* empty css */
82
82
  import "../../Modal/contextApi/store.js";
83
83
  import { NavItem } from "../NavItem/index.js";
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
88
- /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
89
  import "../../PageNavItem/PageNavItem.css.js";
90
90
  import "react-slick";
91
- /* empty css */
91
+ /* empty css */
92
92
  import "next/link.js";
93
93
  import "next/navigation.js";
94
- /* empty css */
95
- /* empty css */
96
- /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
97
  import "../../StepItem/StepItem.css.js";
98
98
  import "../../StepItemSet/StepItemSet.css.js";
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
102
  import "next/script.js";
103
- /* empty css */
104
- /* empty css */
103
+ /* empty css */
104
+ /* empty css */
105
105
  import { Sign_in_btn, expand } from "./NavBar.css.js";
106
106
  import styles from "./NavBar.module.js";
107
107
  import { navItems } from "./NavData.js";
package/dist/NavigationMenu/AxosClearing/NavBar.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var expand = "_1rp73910";
3
3
  export {
4
4
  expand
package/dist/PageNavItem/PageNavItem.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 pn_btn = createRuntimeFn({ defaultClassName: "_13qd2mm0", variantClassNames: { variant: { primary: "_13qd2mm1", secondary: "_13qd2mm2" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var pn_link = createRuntimeFn({ defaultClassName: "_13qd2mm3", variantClassNames: { variant: { primary: "_13qd2mm4", secondary: "_13qd2mm5" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/PageNavSet/PageNavigationSet.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var nav_wrapper = "_1qd6ohx0";
3
3
  var sticky_nav = "_1qd6ohx1";
4
4
  export {
package/dist/Pagination/Pagination.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var pagination_container = "o4qn1i0";
3
3
  var active_page = "o4qn1i1";
4
4
  var disabled_arrows = "o4qn1i2";
package/dist/Pagination/Pagination.js CHANGED
@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
- /* empty css */
7
- /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
8
9
  /* empty css */
9
- /* empty css */
10
10
  import clsx from "clsx";
11
11
  import Link from "next/link.js";
12
12
  import { useSearchParams } from "next/navigation.js";
package/dist/SecondaryFooter/SecondaryFooter.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 secondary_footer = "_2lraiw0";
5
5
  var footer_link = "_2lraiw1";
6
6
  var footer_items_wrapper = "_2lraiw2";
package/dist/SetContainer/SetContainer.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 set_container = createRuntimeFn({ defaultClassName: "_18ygy9m0", variantClassNames: { variant: { primary: "_18ygy9m1", secondary: "_18ygy9m2", tertiary: "_18ygy9m3", quaternary: "_18ygy9m4" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  var inline_container = "_18ygy9m5";
package/dist/SetContainer/SetContainer.js CHANGED
@@ -4,14 +4,14 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgAxosX from "../icons/AxosX/index.js";
5
5
  import SvgComponent from "../icons/AxosX/Blue.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- /* empty css */
8
- /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
9
10
  /* empty css */
10
- /* empty css */
11
11
  import "../utils/allowedAxosDomains.js";
12
12
  import { getVariant } from "../utils/getVariant.js";
13
- /* empty css */
14
- /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
15
  import "../Accordion/Accordion.js";
16
16
  import "../Accordion/Accordion.css.js";
17
17
  import "../AlertBanner/AlertBanner.css.js";
@@ -29,6 +29,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
32
+ import "../Input/DownPaymentInput.js";
32
33
  import "../Input/Dropdown.js";
33
34
  import "../Input/Dropdown.css.js";
34
35
  import "../Input/Input.js";
@@ -36,7 +37,6 @@ import "../Input/Input.css.js";
36
37
  import "../Input/InputAmount.js";
37
38
  import "../Input/InputPhone.js";
38
39
  import "../Input/InputTextArea.js";
39
- import "../Input/DownPaymentInput.js";
40
40
  import "react-hook-form";
41
41
  import "../Forms/Forms.css.js";
42
42
  import "../Forms/SalesforceFieldsForm.js";
@@ -48,62 +48,62 @@ import "../Input/RadioButton.js";
48
48
  import "../Chevron/Chevron.css.js";
49
49
  import "../Interstitial/Interstitial-variants.css.js";
50
50
  import "../Inputs/Input.css.js";
51
- /* empty css */
51
+ /* empty css */
52
52
  import "../Hyperlink/Hyperlink.css.js";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "iframe-resizer";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
+ /* empty css */
57
58
  /* empty css */
58
- /* empty css */
59
- /* empty css */
59
+ /* empty css */
60
60
  import "../Carousel/index.js";
61
- /* empty css */
61
+ /* empty css */
62
62
  import "../Comparison/Comparison.css.js";
63
63
  import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
64
64
  import "../Tab/Tab.css.js";
65
65
  import "../icons/Star/Star.css.js";
66
66
  import { heroSupertag } from "../HeroBanner/HeroBanner.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 */
76
- /* empty css */
77
74
  /* empty css */
78
- /* empty css */
75
+ /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
79
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
- /* empty css */
80
+ /* empty css */
81
81
  import "../Modal/contextApi/store.js";
82
- /* empty css */
83
- /* empty css */
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
87
  import "../NavigationMenu/AxosBank/NavData.js";
88
88
  import "next/navigation.js";
89
89
  import "next/image.js";
90
90
  import "next/link.js";
91
- /* empty css */
92
- /* empty css */
91
+ /* empty css */
92
+ /* empty css */
93
93
  import "../PageNavItem/PageNavItem.css.js";
94
94
  import "react-slick";
95
- /* empty css */
96
- /* empty css */
97
- /* empty css */
98
- /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
99
  import "../StepItem/StepItem.css.js";
100
100
  import "../StepItemSet/StepItemSet.css.js";
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
104
  import "next/script.js";
105
- /* empty css */
106
- /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
107
  import "../HeroBanner/LargeBanner.css.js";
108
108
  import "../HeroBanner/SelectionBanner.css.js";
109
109
  const SetContainer = ({
package/dist/SocialMediaBar/SocialMediaBar.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var smb_section = "nkpt490";
3
3
  var smb_wrapper = "nkpt491";
4
4
  var padding_in_footer = "nkpt492";
package/dist/StepItem/StepItem.css.js CHANGED
@@ -1,7 +1,7 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
1
4
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var li = "_1y8r7dk0";
7
7
  var line_points = createRuntimeFn({ defaultClassName: "_1y8r7dk1", variantClassNames: { variant: { primary: "_1y8r7dk2", secondary: "_1y8r7dk3", tertiary: "_1y8r7dk4", quaternary: "_1y8r7dk5" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/StepItemSet/StepItemSet.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 bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  var bs_wrapper = "_18par6f5";
package/dist/Tab/Tab.css.js CHANGED
@@ -1,7 +1,7 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
1
4
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var tab = createRuntimeFn({ defaultClassName: "lhhm340", variantClassNames: { variant: { primary: "lhhm341", secondary: "lhhm342", tertiary: "lhhm343", quaternary: "lhhm344" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var active_tab = createRuntimeFn({ defaultClassName: "lhhm345", variantClassNames: { variant: { primary: "lhhm346", secondary: "lhhm347", tertiary: "lhhm348", quaternary: "lhhm349" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/Table/Table.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 table_section = "_1nivbwe0";
6
6
  var table_container = createRuntimeFn({ defaultClassName: "_1nivbwe1", variantClassNames: { variant: { apy: "_1nivbwe2", standard: "_1nivbwe3" } }, defaultVariants: {}, compoundVariants: [] });
package/dist/Table/Table.js CHANGED
@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import "../icons/ArrowIcon/ArrowIcon.css.js";
3
3
  import SvgComponent from "../icons/AxosX/Blue.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- /* empty css */
6
- /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
7
8
  /* empty css */
8
- /* empty css */
9
9
  import "../utils/allowedAxosDomains.js";
10
10
  import { getVariant } from "../utils/getVariant.js";
11
11
  import clsx from "clsx";
package/dist/TextBlock/TextBlock.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 textBlockSection = "_16g7rvn0";
5
5
  var textBlockParagraph = "_16g7rvn1";
6
6
  var textBlockHeader = "_16g7rvn2";
package/dist/TopicalNavItem/TopicalNavItem.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var picker_navItem = "dmebjx0";
3
3
  var picker_itemProduct = "dmebjx1";
4
4
  var picker_arrow = "dmebjx2";
package/dist/TopicalNavSet/TopicalNavSet.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var picker_section = "xbzzeo0";
3
3
  var picker_container = "xbzzeo1";
4
4
  var picker_orient = "xbzzeo2";
package/dist/Typography/Typography.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var headerCssVariable = "var(--header-font-family)";
4
4
  var mainCssVariable = "var(--main-font-family)";
package/dist/VideoTile/VideoTile.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
  var video_tile = "_16puo4g0";
6
6
  var show = "_16puo4g1";
7
7
  var video_title = "_16puo4g2";
package/dist/VideoTile/VideoTile.js CHANGED
@@ -4,10 +4,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
6
  import SvgChevronUp from "../icons/ChevronUp.js";
7
- /* empty css */
8
- /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
9
10
  /* empty css */
10
- /* empty css */
11
11
  import ReactMarkdown from "react-markdown";
12
12
  import { useToggle } from "react-use";
13
13
  import { VideoInit } from "./VideoInit.js";
package/dist/VideoWrapper/VideoWrapper.css.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  var video_tile_set = "_2i5u4u0";
3
3
  var grid_wrapper = "_2i5u4u1";
4
4
  var grid_2 = "_2i5u4u2";
package/dist/VideoWrapper/index.d.ts CHANGED
@@ -7,5 +7,6 @@ export interface VideoWrapperProps {
7
7
  title: string;
8
8
  id: string;
9
9
  internalName?: string;
10
+ variant?: string;
10
11
  }
11
12
  export declare const VideoWrapper: FC<VideoWrapperProps>;
package/dist/VideoWrapper/index.js CHANGED
@@ -1,18 +1,119 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "../Accordion/Accordion.js";
3
+ import "../Accordion/Accordion.css.js";
4
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
5
+ import "../icons/CheckIcon/CheckIcon.css.js";
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ import { getVariant } from "../utils/getVariant.js";
11
+ import "react";
12
+ import "../Chevron/Chevron.css.js";
13
+ import "../AlertBanner/AlertBanner.css.js";
14
+ import "../Article/Article.css.js";
15
+ import { header_section } from "../IconBillboard/IconBillboard.css.js";
16
+ import "../utils/allowedAxosDomains.js";
17
+ /* empty css */
18
+ /* empty css */
19
+ import "../Interstitial/Interstitial-variants.css.js";
20
+ /* empty css */
21
+ import "../Modal/contextApi/store.js";
22
+ import clsx from "clsx";
23
+ import "../Button/Button.css.js";
24
+ import "react-use";
25
+ import "../ArticlesSet/ArticlesSet.css.js";
26
+ import "../Calculators/calculator.css.js";
27
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
+ import "../Table/Table.css.js";
30
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
31
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
+ import "@hookform/resolvers/zod";
33
+ import "../Input/Checkbox.js";
34
+ import "../Input/CurrencyInput.js";
35
+ import "../Input/DownPaymentInput.js";
36
+ import "../Input/Dropdown.js";
37
+ import "../Input/Dropdown.css.js";
38
+ import "../Input/Input.js";
39
+ import "../Input/Input.css.js";
40
+ import "../Input/InputAmount.js";
41
+ import "../Input/InputPhone.js";
42
+ import "../Input/InputTextArea.js";
43
+ import "react-hook-form";
44
+ import "../Forms/Forms.css.js";
45
+ import "../Forms/SalesforceFieldsForm.js";
46
+ import "../Input/RadioButton.css.js";
47
+ import "../Input/Checkbox.css.js";
48
+ import "../LoadingIndicator/LoadingIndicator.css.js";
49
+ import "../Input/RadioButton.js";
50
+ import "../Inputs/Input.css.js";
51
+ /* empty css */
52
+ import "../Hyperlink/Hyperlink.css.js";
53
+ /* empty css */
54
+ import "iframe-resizer";
55
+ /* empty css */
56
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
+ /* empty css */
58
+ /* empty css */
59
+ /* empty css */
60
+ import "../Carousel/index.js";
61
+ /* empty css */
62
+ import "../Comparison/Comparison.css.js";
63
+ import "../HeroBanner/HeroBanner.css.js";
64
+ import "../HeroBanner/LargeBanner.css.js";
65
+ import "../HeroBanner/SelectionBanner.css.js";
66
+ import "../SetContainer/SetContainer.css.js";
67
+ import "../Tab/Tab.css.js";
68
+ import "../icons/Star/Star.css.js";
69
+ import "../ContentBanner/ContentBanner.css.js";
70
+ /* empty css */
71
+ import "../ExecutiveBio/ExecutiveBio.css.js";
72
+ import "../FaqAccordion/index.js";
73
+ import "../FooterDisclosure/FooterDisclosure.css.js";
74
+ /* empty css */
75
+ import "../ImageBillboard/ImageBillboard.css.js";
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ import "../LandingPageHeader/LandingPageHeader.css.js";
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ import "../NavigationMenu/AxosBank/NavData.js";
88
+ import "next/navigation.js";
89
+ import "next/image.js";
90
+ import "next/link.js";
91
+ /* empty css */
92
+ /* empty css */
93
+ import "../PageNavItem/PageNavItem.css.js";
94
+ import "react-slick";
95
+ /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
+ import "../StepItem/StepItem.css.js";
100
+ import "../StepItemSet/StepItemSet.css.js";
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
2
104
  import "next/script.js";
3
105
  import { VideoTile } from "../VideoTile/VideoTile.js";
4
- /* empty css */
5
- /* empty css */
6
- /* empty css */
7
- /* empty css */
106
+ /* empty css */
8
107
  import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
9
108
  const VideoWrapper = ({
10
109
  title,
11
110
  videoTiles,
12
111
  backgroundColor,
13
112
  id,
14
- internalName
113
+ internalName,
114
+ variant
15
115
  }) => {
116
+ const fullVariant = getVariant(variant);
16
117
  return /* @__PURE__ */ jsx(
17
118
  "div",
18
119
  {
@@ -20,7 +121,16 @@ const VideoWrapper = ({
20
121
  style: backgroundColor ? { backgroundColor } : {},
21
122
  className: video_tile_set,
22
123
  children: /* @__PURE__ */ jsx("section", { id: internalName?.replace(/ /g, "-"), children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
23
- /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
124
+ /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx(
125
+ "h2",
126
+ {
127
+ className: clsx(
128
+ "header_1",
129
+ header_section({ variant: fullVariant })
130
+ ),
131
+ children: title
132
+ }
133
+ ) }),
24
134
  /* @__PURE__ */ jsx(
25
135
  "div",
26
136
  {