@axos-web-dev/shared-components 0.0.167 → 0.0.168

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 (190) 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.js +35 -35
  38. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  39. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  40. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +34 -34
  41. package/dist/Forms/ApplicationStart.js +4 -4
  42. package/dist/Forms/ClearingForm.js +4 -4
  43. package/dist/Forms/CommercialDeposits.js +4 -4
  44. package/dist/Forms/CommercialLending.js +4 -4
  45. package/dist/Forms/ContactCompany.js +4 -4
  46. package/dist/Forms/ContactUs.js +4 -4
  47. package/dist/Forms/ContactUsAAS.js +4 -4
  48. package/dist/Forms/ContactUsBusiness.js +35 -35
  49. package/dist/Forms/ContactUsNMLSId.js +35 -35
  50. package/dist/Forms/CpraRequest.js +4 -4
  51. package/dist/Forms/DealerServices.js +4 -4
  52. package/dist/Forms/EmailOnly.js +35 -35
  53. package/dist/Forms/EmailUs.js +3 -3
  54. package/dist/Forms/Forms.css.js +7 -7
  55. package/dist/Forms/MortgageRate/MortgageRateForm.js +35 -35
  56. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  57. package/dist/Forms/MortgageRate/MortgageRateWatch.js +35 -35
  58. package/dist/Forms/QuickPricer/QuickPricerForm.js +4 -4
  59. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  60. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  61. package/dist/Forms/ScheduleCall.js +4 -4
  62. package/dist/Forms/ScheduleCallPremier.js +4 -4
  63. package/dist/Forms/SuccesForm.js +36 -36
  64. package/dist/Forms/WcplSurvey.js +4 -4
  65. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  66. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  67. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  68. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  69. package/dist/Hyperlink/index.js +35 -35
  70. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  71. package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
  72. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  73. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  74. package/dist/ImageLink/ImageLink.css.js +1 -1
  75. package/dist/ImageLink/ImageLink.js +35 -35
  76. package/dist/ImageLink/ImageLinkSet.js +37 -35
  77. package/dist/ImageLink/index.js +35 -35
  78. package/dist/Input/Checkbox.css.js +1 -1
  79. package/dist/Input/CurrencyInput.js +1 -1
  80. package/dist/Input/DatePicker.css.d.ts +1 -0
  81. package/dist/Input/DatePicker.css.js +6 -0
  82. package/dist/Input/DatePicker2.d.ts +21 -0
  83. package/dist/Input/DatePicker2.js +103 -0
  84. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  85. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  86. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  87. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  88. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  89. package/dist/Input/DatePickerComponents/index.js +6 -0
  90. package/dist/Input/Datepicker.d.ts +3 -0
  91. package/dist/Input/Datepicker.js +47 -0
  92. package/dist/Input/Dropdown.css.js +2 -2
  93. package/dist/Input/Input.css.js +4 -4
  94. package/dist/Input/InputAmount.js +1 -1
  95. package/dist/Input/InputDate.css.d.ts +6 -0
  96. package/dist/Input/InputDate.css.js +15 -0
  97. package/dist/Input/InputDate.d.ts +3 -0
  98. package/dist/Input/InputDate.js +47 -0
  99. package/dist/Input/InputPhone.js +1 -1
  100. package/dist/Input/RadioButton.css.js +1 -1
  101. package/dist/Input/index.d.ts +1 -1
  102. package/dist/Input/index.js +1 -1
  103. package/dist/Inputs/Input.css.js +3 -3
  104. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  105. package/dist/Insight/Featured/CategorySelector.js +34 -34
  106. package/dist/Insight/Featured/Featured.css.js +2 -2
  107. package/dist/Insight/Featured/Featured.js +36 -36
  108. package/dist/Insight/Featured/Header.css.js +1 -1
  109. package/dist/Insight/Featured/Header.js +34 -34
  110. package/dist/Insight/Insight.css.js +2 -2
  111. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  112. package/dist/Interstitial/Interstitial.js +24 -22
  113. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  114. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  115. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  116. package/dist/Modal/Modal.css.js +3 -3
  117. package/dist/Modal/Modal.js +34 -34
  118. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  119. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  120. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  121. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  122. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  123. package/dist/NavigationMenu/AxosBank/NavBar.module.js +54 -54
  124. package/dist/NavigationMenu/AxosBank/NavData.js +35 -35
  125. package/dist/NavigationMenu/AxosBank/SubNavBar.js +34 -34
  126. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  127. package/dist/NavigationMenu/AxosBank/index.js +33 -33
  128. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  129. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  130. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  131. package/dist/Pagination/Pagination.css.js +1 -1
  132. package/dist/Pagination/Pagination.js +3 -3
  133. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  134. package/dist/SetContainer/SetContainer.css.d.ts +16 -0
  135. package/dist/SetContainer/SetContainer.css.js +10 -8
  136. package/dist/SetContainer/SetContainer.d.ts +2 -1
  137. package/dist/SetContainer/SetContainer.js +50 -38
  138. package/dist/SetContainer/index.js +2 -1
  139. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  140. package/dist/StepItem/StepItem.css.js +3 -3
  141. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  142. package/dist/Tab/Tab.css.js +3 -3
  143. package/dist/Table/Table.css.js +3 -3
  144. package/dist/Table/Table.js +3 -3
  145. package/dist/TextBlock/TextBlock.css.js +3 -3
  146. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  147. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  148. package/dist/Typography/Typography.css.js +1 -1
  149. package/dist/VideoTile/VideoTile.css.js +4 -4
  150. package/dist/VideoTile/VideoTile.js +3 -3
  151. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  152. package/dist/VideoWrapper/index.js +34 -34
  153. package/dist/assets/Input/DatePicker.css +95 -0
  154. package/dist/assets/Input/InputDate.css +39 -0
  155. package/dist/assets/Interstitial/Interstitial-variants.css +3 -0
  156. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +650 -650
  157. package/dist/assets/SetContainer/SetContainer.css +38 -24
  158. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  159. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  160. package/dist/globals.css.js +2 -2
  161. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  162. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  163. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  164. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  165. package/dist/icons/CalendarIcon/index.js +4 -0
  166. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  167. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  168. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  169. package/dist/icons/Star/Star.css.js +1 -1
  170. package/dist/index.css.js +3 -3
  171. package/dist/main.js +5 -2
  172. package/dist/themes/axos.css.js +1 -1
  173. package/dist/themes/premier.css.js +2 -2
  174. package/dist/types/icon.d.ts +3 -0
  175. package/dist/types/icon.js +1 -0
  176. package/dist/types/popover.d.ts +8 -0
  177. package/dist/types/popover.js +1 -0
  178. package/dist/utils/allowedAxosDomains.js +4 -1
  179. package/dist/utils/constants/format.d.ts +1 -0
  180. package/dist/utils/constants/format.js +4 -0
  181. package/dist/utils/constants/popper.d.ts +6 -0
  182. package/dist/utils/constants/popper.js +10 -0
  183. package/dist/utils/getNumber.d.ts +1 -0
  184. package/dist/utils/getNumber.js +17 -0
  185. package/dist/utils/hooks/usePopover.d.ts +25 -0
  186. package/dist/utils/hooks/usePopover.js +64 -0
  187. package/dist/utils/index.js +2 -0
  188. package/dist/utils/variant.types.d.ts +2 -0
  189. package/dist/utils/variant.types.js +4 -1
  190. package/package.json +1 -1
package/dist/ImageLink/ImageLink.js CHANGED
@@ -3,13 +3,13 @@ import { Hyperlink } from "../Hyperlink/index.js";
3
3
  import "../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 */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
8
9
  /* empty css */
9
- /* empty css */
10
10
  import "../utils/allowedAxosDomains.js";
11
- /* empty css */
12
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
13
  import "../Accordion/Accordion.js";
14
14
  import "../Accordion/Accordion.css.js";
15
15
  import "../AlertBanner/AlertBanner.css.js";
@@ -27,6 +27,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
27
27
  import "@hookform/resolvers/zod";
28
28
  import "../Input/Checkbox.js";
29
29
  import "../Input/CurrencyInput.js";
30
+ import "../Input/DownPaymentInput.js";
30
31
  import "../Input/Dropdown.js";
31
32
  import "../Input/Dropdown.css.js";
32
33
  import "../Input/Input.js";
@@ -34,7 +35,6 @@ import "../Input/Input.css.js";
34
35
  import "../Input/InputAmount.js";
35
36
  import "../Input/InputPhone.js";
36
37
  import "../Input/InputTextArea.js";
37
- import "../Input/DownPaymentInput.js";
38
38
  import "react-hook-form";
39
39
  import "../Forms/Forms.css.js";
40
40
  import "../Forms/SalesforceFieldsForm.js";
@@ -46,61 +46,61 @@ import "../Input/RadioButton.js";
46
46
  import "../Chevron/Chevron.css.js";
47
47
  import "../Interstitial/Interstitial-variants.css.js";
48
48
  import "../Inputs/Input.css.js";
49
- /* empty css */
50
- /* empty css */
49
+ /* 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 */
56
+ /* empty css */
57
57
  import "../Carousel/index.js";
58
- /* empty css */
58
+ /* empty css */
59
59
  import "../Comparison/Comparison.css.js";
60
60
  import "../Tab/Tab.css.js";
61
61
  import "../icons/Star/Star.css.js";
62
62
  import "../HeroBanner/HeroBanner.css.js";
63
63
  import "../ContentBanner/ContentBanner.css.js";
64
- /* empty css */
64
+ /* empty css */
65
65
  import "../ExecutiveBio/ExecutiveBio.css.js";
66
66
  import "../FaqAccordion/index.js";
67
67
  import "../FooterDisclosure/FooterDisclosure.css.js";
68
- /* empty css */
68
+ /* empty css */
69
69
  import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
70
70
  import "../ImageBillboard/ImageBillboard.css.js";
71
- /* empty css */
72
- /* empty css */
73
- /* empty css */
74
71
  /* empty css */
75
- /* empty css */
72
+ /* empty css */
73
+ /* empty css */
74
+ /* empty css */
75
+ /* empty css */
76
76
  import "../LandingPageHeader/LandingPageHeader.css.js";
77
- /* empty css */
77
+ /* empty css */
78
78
  import "../Modal/contextApi/store.js";
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
82
- /* empty css */
83
- /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
84
  import "../NavigationMenu/AxosBank/NavData.js";
85
85
  import "next/navigation.js";
86
86
  import "next/image.js";
87
87
  import "next/link.js";
88
- /* empty css */
89
- /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
90
  import "../PageNavItem/PageNavItem.css.js";
91
91
  import "react-slick";
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
96
  import "../StepItem/StepItem.css.js";
97
97
  import "../StepItemSet/StepItemSet.css.js";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
101
  import "next/script.js";
102
- /* empty css */
103
- /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
104
  import "../HeroBanner/LargeBanner.css.js";
105
105
  import "../HeroBanner/SelectionBanner.css.js";
106
106
  const ImageLink = ({
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { buttons } from "../IconBillboard/IconBillboard.css.js";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.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
- /* empty css */
12
- /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
13
  import { Chevron } from "../Chevron/index.js";
14
14
  import "clsx";
15
15
  import { Button } from "../Button/Button.js";
@@ -32,6 +32,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
35
+ import "../Input/DownPaymentInput.js";
35
36
  import "../Input/Dropdown.js";
36
37
  import "../Input/Dropdown.css.js";
37
38
  import "../Input/Input.js";
@@ -39,7 +40,6 @@ import "../Input/Input.css.js";
39
40
  import "../Input/InputAmount.js";
40
41
  import "../Input/InputPhone.js";
41
42
  import "../Input/InputTextArea.js";
42
- import "../Input/DownPaymentInput.js";
43
43
  import "react-hook-form";
44
44
  import "../Forms/Forms.css.js";
45
45
  import "../Forms/SalesforceFieldsForm.js";
@@ -50,63 +50,63 @@ import "../Input/RadioButton.js";
50
50
  import "../Chevron/Chevron.css.js";
51
51
  import "../Interstitial/Interstitial-variants.css.js";
52
52
  import "../Inputs/Input.css.js";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Hyperlink/Hyperlink.css.js";
55
- /* empty css */
55
+ /* empty css */
56
56
  import "iframe-resizer";
57
- /* empty css */
57
+ /* empty css */
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
+ /* empty css */
59
60
  /* empty css */
60
- /* empty css */
61
- /* empty css */
61
+ /* empty css */
62
62
  import "../Carousel/index.js";
63
- /* empty css */
63
+ /* empty css */
64
64
  import "../Comparison/Comparison.css.js";
65
65
  import "../Tab/Tab.css.js";
66
66
  import "../icons/Star/Star.css.js";
67
67
  import "../HeroBanner/HeroBanner.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 "../HeroBanner/LargeBanner.css.js";
75
75
  import "../HeroBanner/SelectionBanner.css.js";
76
76
  import "../ImageBillboard/ImageBillboard.css.js";
77
77
  import ImageLink from "./ImageLink.js";
78
- /* empty css */
79
- /* empty css */
80
- /* empty css */
81
- /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
82
  import "../LandingPageHeader/LandingPageHeader.css.js";
83
- /* empty css */
83
+ /* empty css */
84
84
  import "../Modal/contextApi/store.js";
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
90
  import "../NavigationMenu/AxosBank/NavData.js";
91
91
  import "next/navigation.js";
92
92
  import "next/image.js";
93
93
  import "next/link.js";
94
- /* empty css */
95
- /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
96
  import "../PageNavItem/PageNavItem.css.js";
97
97
  import "react-slick";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
98
+ /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
102
  import "../StepItem/StepItem.css.js";
103
103
  import "../StepItemSet/StepItemSet.css.js";
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
104
+ /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
107
  import "next/script.js";
108
- /* empty css */
109
- /* empty css */
108
+ /* empty css */
109
+ /* empty css */
110
110
  import { image_link_set } from "./ImageLink.css.js";
111
111
  const ImageLinkSet = (props) => {
112
112
  const { callToActionRow, icon } = props;
@@ -143,9 +143,11 @@ const ImageLinkSet = (props) => {
143
143
  id: props.id,
144
144
  variant: props.variant,
145
145
  headline: props.headline,
146
+ bodyCopy: props?.bodyCopy,
146
147
  additionalDetails,
147
148
  className: image_link_set,
148
149
  icon,
150
+ numberOfColumns: props?.numberOfColumns,
149
151
  children: linksItems
150
152
  }
151
153
  );
package/dist/ImageLink/index.js CHANGED
@@ -3,20 +3,20 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.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 "react";
11
11
  import "../Chevron/Chevron.css.js";
12
12
  import "../AlertBanner/AlertBanner.css.js";
13
13
  import "../Article/Article.css.js";
14
14
  import "../IconBillboard/IconBillboard.css.js";
15
15
  import "../utils/allowedAxosDomains.js";
16
- /* empty css */
17
- /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
18
  import "../Interstitial/Interstitial-variants.css.js";
19
- /* empty css */
19
+ /* empty css */
20
20
  import "../Modal/contextApi/store.js";
21
21
  import "clsx";
22
22
  import "../Button/Button.css.js";
@@ -31,6 +31,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
34
+ import "../Input/DownPaymentInput.js";
34
35
  import "../Input/Dropdown.js";
35
36
  import "../Input/Dropdown.css.js";
36
37
  import "../Input/Input.js";
@@ -38,7 +39,6 @@ import "../Input/Input.css.js";
38
39
  import "../Input/InputAmount.js";
39
40
  import "../Input/InputPhone.js";
40
41
  import "../Input/InputTextArea.js";
41
- import "../Input/DownPaymentInput.js";
42
42
  import "react-hook-form";
43
43
  import "../Forms/Forms.css.js";
44
44
  import "../Forms/SalesforceFieldsForm.js";
@@ -47,16 +47,16 @@ import "../Input/Checkbox.css.js";
47
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
48
48
  import "../Input/RadioButton.js";
49
49
  import "../Inputs/Input.css.js";
50
- /* empty css */
51
- /* empty css */
50
+ /* empty css */
51
+ /* empty css */
52
52
  import "iframe-resizer";
53
- /* empty css */
53
+ /* empty css */
54
54
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
55
+ /* empty css */
55
56
  /* empty css */
56
- /* empty css */
57
- /* empty css */
57
+ /* empty css */
58
58
  import "../Carousel/index.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,43 +65,43 @@ 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
74
  import { ImageLinkSet } from "./ImageLinkSet.js";
75
- /* empty css */
76
- /* empty css */
77
- /* 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 */
81
- /* empty css */
82
- /* empty css */
83
- /* empty css */
84
- /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
85
  import "../NavigationMenu/AxosBank/NavData.js";
86
86
  import "next/navigation.js";
87
87
  import "next/image.js";
88
88
  import "next/link.js";
89
- /* empty css */
90
- /* empty css */
89
+ /* empty css */
90
+ /* empty css */
91
91
  import "../PageNavItem/PageNavItem.css.js";
92
92
  import "react-slick";
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
96
- /* empty css */
93
+ /* 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 "../Hyperlink/Hyperlink.css.js";
106
106
  export {
107
107
  ImageLinkSet
package/dist/Input/Checkbox.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 checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
package/dist/Input/CurrencyInput.js CHANGED
@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { InputNumberFormat } from "@react-input/number-format";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
+ import "./DownPaymentInput.js";
5
6
  import "./Dropdown.js";
6
7
  import "./Dropdown.css.js";
7
8
  import { Input } from "./Input.js";
@@ -9,7 +10,6 @@ import "./Input.css.js";
9
10
  import "./InputAmount.js";
10
11
  import "./InputPhone.js";
11
12
  import "./InputTextArea.js";
12
- import "./DownPaymentInput.js";
13
13
  const CurrencyInput = forwardRef(
14
14
  (props, ref) => {
15
15
  return /* @__PURE__ */ jsx(
package/dist/Input/DatePicker.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const datePicker: string;
package/dist/Input/DatePicker.css.js ADDED
@@ -0,0 +1,6 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var datePicker = "_1oit9ls0";
4
+ export {
5
+ datePicker
6
+ };
package/dist/Input/DatePicker2.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { SyntheticEvent } from 'react';
2
+
3
+ type TClasses = {
4
+ inputDateField?: string;
5
+ };
6
+ type TProps = {
7
+ classes?: TClasses;
8
+ isDisabled?: boolean;
9
+ isInvalid?: boolean;
10
+ locale?: Locale;
11
+ maxDate?: Date | null;
12
+ minDate?: Date | null;
13
+ onChange: (value: Date | null) => void;
14
+ onFieldClear?: (event: SyntheticEvent) => void;
15
+ placeholder?: string;
16
+ subTitle?: string;
17
+ title?: string;
18
+ value: Date | null;
19
+ };
20
+ export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
21
+ export {};
package/dist/Input/DatePicker2.js ADDED
@@ -0,0 +1,103 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
4
+ import clsx from "clsx";
5
+ import { format } from "date-fns";
6
+ import isNil from "lodash/isNil.js";
7
+ import { memo, createRef, Fragment } from "react";
8
+ import { FORMAT_DATE } from "../utils/constants/format.js";
9
+ import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
10
+ import { usePopover } from "../utils/hooks/usePopover.js";
11
+ import { DatePicker } from "./DatePickerComponents/DatePicker.js";
12
+ import { InputDate } from "./DatePickerComponents/InputDate.js";
13
+ const InputDateFieldComponent = (props) => {
14
+ const {
15
+ classes,
16
+ isDisabled,
17
+ isInvalid,
18
+ locale,
19
+ maxDate,
20
+ minDate,
21
+ onChange,
22
+ onFieldClear,
23
+ placeholder,
24
+ subTitle,
25
+ title,
26
+ value
27
+ } = props;
28
+ const triggerRef = createRef();
29
+ const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
30
+ const date = !isNil(value) ? value : void 0;
31
+ const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
32
+ const minDateValue = !isNil(minDate) ? minDate : void 0;
33
+ const {
34
+ attributes,
35
+ onPopperElement,
36
+ onReferenceElement,
37
+ popoverPosition,
38
+ styles
39
+ } = usePopover({
40
+ triggerRef
41
+ });
42
+ return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
43
+ /* @__PURE__ */ jsx(
44
+ PopoverButton,
45
+ {
46
+ className: "HeadlessPopover-Button",
47
+ ref: onReferenceElement,
48
+ children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
49
+ InputDate,
50
+ {
51
+ isDisabled,
52
+ isInvalid,
53
+ onFieldClear,
54
+ placeholder,
55
+ subTitle,
56
+ title,
57
+ value: formattedValue
58
+ }
59
+ ) })
60
+ }
61
+ ),
62
+ /* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
63
+ PopoverPanel,
64
+ {
65
+ className: clsx(
66
+ "HeadlessPopover-Panel",
67
+ `HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
68
+ ),
69
+ ref: onPopperElement,
70
+ style: styles.popper,
71
+ ...attributes.popper,
72
+ children: ({ close }) => /* @__PURE__ */ jsx(
73
+ TransitionChild,
74
+ {
75
+ enter: "HeadlessPopover-Transition__enter",
76
+ enterFrom: "HeadlessPopover-Transition__enterFrom",
77
+ enterTo: "HeadlessPopover-Transition__enterTo",
78
+ leave: "HeadlessPopover-Transition__leave",
79
+ leaveFrom: "HeadlessPopover-Transition__leaveFrom",
80
+ leaveTo: "HeadlessPopover-Transition__leaveTo",
81
+ children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
82
+ DatePicker,
83
+ {
84
+ locale,
85
+ maxDate: maxDateValue,
86
+ minDate: minDateValue,
87
+ onChange: (date2) => {
88
+ onChange(date2);
89
+ close();
90
+ },
91
+ value: date
92
+ }
93
+ ) })
94
+ }
95
+ )
96
+ }
97
+ ) })
98
+ ] }) });
99
+ };
100
+ const InputDateField = memo(InputDateFieldComponent);
101
+ export {
102
+ InputDateField
103
+ };
package/dist/Input/DatePickerComponents/DatePicker.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { CalendarProps } from 'react-date-range';
2
+
3
+ type TProps = {
4
+ locale?: Locale;
5
+ maxDate?: Date;
6
+ minDate?: Date;
7
+ onChange?: (date: Date) => void;
8
+ value?: Date;
9
+ } & CalendarProps;
10
+ export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
11
+ export {};
package/dist/Input/DatePickerComponents/DatePicker.js ADDED
@@ -0,0 +1,13 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { memo } from "react";
3
+ import { Calendar } from "react-date-range";
4
+ /* empty css */
5
+ /* empty css */
6
+ const DatePickerComponent = (props) => {
7
+ const { locale, onChange, value } = props;
8
+ return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
9
+ };
10
+ const DatePicker = memo(DatePickerComponent);
11
+ export {
12
+ DatePicker
13
+ };
package/dist/Input/DatePickerComponents/InputDate.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { SyntheticEvent } from 'react';
2
+
3
+ type TProps = {
4
+ className?: string;
5
+ isDisabled?: boolean;
6
+ isInvalid?: boolean;
7
+ onClick?: (event: SyntheticEvent) => void;
8
+ onFieldClear?: (event: SyntheticEvent) => void;
9
+ placeholder?: string;
10
+ subTitle?: string;
11
+ title?: string;
12
+ value?: string | null;
13
+ };
14
+ export declare const InputDate: import('react').NamedExoticComponent<TProps>;
15
+ export {};