@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/SetContainer/SetContainer.js CHANGED
@@ -4,14 +4,15 @@ 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
+ import { columnValues } from "../utils/variant.types.js";
14
+ /* empty css */
15
+ /* empty css */
15
16
  import "../Accordion/Accordion.js";
16
17
  import "../Accordion/Accordion.css.js";
17
18
  import "../AlertBanner/AlertBanner.css.js";
@@ -29,6 +30,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
30
  import "@hookform/resolvers/zod";
30
31
  import "../Input/Checkbox.js";
31
32
  import "../Input/CurrencyInput.js";
33
+ import "../Input/DownPaymentInput.js";
32
34
  import "../Input/Dropdown.js";
33
35
  import "../Input/Dropdown.css.js";
34
36
  import "../Input/Input.js";
@@ -36,7 +38,6 @@ import "../Input/Input.css.js";
36
38
  import "../Input/InputAmount.js";
37
39
  import "../Input/InputPhone.js";
38
40
  import "../Input/InputTextArea.js";
39
- import "../Input/DownPaymentInput.js";
40
41
  import "react-hook-form";
41
42
  import "../Forms/Forms.css.js";
42
43
  import "../Forms/SalesforceFieldsForm.js";
@@ -48,64 +49,65 @@ import "../Input/RadioButton.js";
48
49
  import "../Chevron/Chevron.css.js";
49
50
  import "../Interstitial/Interstitial-variants.css.js";
50
51
  import "../Inputs/Input.css.js";
51
- /* empty css */
52
+ /* empty css */
52
53
  import "../Hyperlink/Hyperlink.css.js";
53
- /* empty css */
54
+ /* empty css */
54
55
  import "iframe-resizer";
55
- /* empty css */
56
+ /* empty css */
56
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
+ /* empty css */
57
59
  /* empty css */
58
- /* empty css */
59
- /* empty css */
60
+ /* empty css */
60
61
  import "../Carousel/index.js";
61
- /* empty css */
62
+ /* empty css */
62
63
  import "../Comparison/Comparison.css.js";
63
- import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
64
+ import { set_container, isolate_container, heading, set_container_cols, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
64
65
  import "../Tab/Tab.css.js";
65
66
  import "../icons/Star/Star.css.js";
66
67
  import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
67
68
  import "../ContentBanner/ContentBanner.css.js";
68
- /* empty css */
69
+ /* empty css */
69
70
  import "../ExecutiveBio/ExecutiveBio.css.js";
70
71
  import "../FaqAccordion/index.js";
71
72
  import "../FooterDisclosure/FooterDisclosure.css.js";
72
- /* empty css */
73
+ /* empty css */
73
74
  import "../ImageBillboard/ImageBillboard.css.js";
74
- /* empty css */
75
- /* empty css */
76
- /* empty css */
77
75
  /* empty css */
78
- /* empty css */
76
+ /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
79
80
  import "../LandingPageHeader/LandingPageHeader.css.js";
80
- /* empty css */
81
+ /* empty css */
81
82
  import "../Modal/contextApi/store.js";
82
- /* empty css */
83
- /* empty css */
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
87
88
  import "../NavigationMenu/AxosBank/NavData.js";
88
89
  import "next/navigation.js";
89
90
  import "next/image.js";
90
91
  import "next/link.js";
91
- /* empty css */
92
- /* empty css */
92
+ /* empty css */
93
+ /* empty css */
93
94
  import "../PageNavItem/PageNavItem.css.js";
94
95
  import "react-slick";
95
- /* empty css */
96
- /* empty css */
97
- /* empty css */
98
- /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
+ /* empty css */
99
+ /* empty css */
99
100
  import "../StepItem/StepItem.css.js";
100
101
  import "../StepItemSet/StepItemSet.css.js";
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
+ /* empty css */
104
105
  import "next/script.js";
105
- /* empty css */
106
- /* empty css */
106
+ /* empty css */
107
+ /* empty css */
107
108
  import "../HeroBanner/LargeBanner.css.js";
108
109
  import "../HeroBanner/SelectionBanner.css.js";
110
+ import { getNumOfColumns } from "../utils/getNumber.js";
109
111
  const SetContainer = ({
110
112
  id,
111
113
  variant,
@@ -118,9 +120,11 @@ const SetContainer = ({
118
120
  eyebrow,
119
121
  style,
120
122
  isolate,
121
- className
123
+ className,
124
+ numberOfColumns
122
125
  }) => {
123
126
  const container_variant = getVariant(variant);
127
+ const numOfCols = getNumOfColumns(numberOfColumns);
124
128
  return /* @__PURE__ */ jsx(
125
129
  "section",
126
130
  {
@@ -150,7 +154,15 @@ const SetContainer = ({
150
154
  ),
151
155
  bodyCopy && /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy })
152
156
  ] }),
153
- /* @__PURE__ */ jsx("div", { className: inline_container, children }),
157
+ /* @__PURE__ */ jsx(
158
+ "div",
159
+ {
160
+ className: clsx(
161
+ numOfCols && columnValues.includes(numOfCols) ? set_container_cols({ columns: numOfCols }) : inline_container
162
+ ),
163
+ children
164
+ }
165
+ ),
154
166
  additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(setcontainer_section_text), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
155
167
  ] })
156
168
  },
package/dist/SetContainer/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SetContainer } from "./SetContainer.js";
2
- import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer.css.js";
2
+ import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_container_cols, set_logo, setcontainer_section_text } from "./SetContainer.css.js";
3
3
  export {
4
4
  SetContainer,
5
5
  heading,
@@ -7,6 +7,7 @@ export {
7
7
  inline_container,
8
8
  isolate_container,
9
9
  set_container,
10
+ set_container_cols,
10
11
  set_logo,
11
12
  setcontainer_section_text
12
13
  };
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.js CHANGED
@@ -3,10 +3,10 @@ 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 { getVariant } from "../utils/getVariant.js";
11
11
  import "react";
12
12
  import "../Chevron/Chevron.css.js";
@@ -14,10 +14,10 @@ import "../AlertBanner/AlertBanner.css.js";
14
14
  import "../Article/Article.css.js";
15
15
  import { header_section } from "../IconBillboard/IconBillboard.css.js";
16
16
  import "../utils/allowedAxosDomains.js";
17
- /* empty css */
18
- /* empty css */
17
+ /* empty css */
18
+ /* empty css */
19
19
  import "../Interstitial/Interstitial-variants.css.js";
20
- /* empty css */
20
+ /* empty css */
21
21
  import "../Modal/contextApi/store.js";
22
22
  import clsx from "clsx";
23
23
  import "../Button/Button.css.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";
@@ -48,17 +48,17 @@ import "../Input/Checkbox.css.js";
48
48
  import "../LoadingIndicator/LoadingIndicator.css.js";
49
49
  import "../Input/RadioButton.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 "../HeroBanner/HeroBanner.css.js";
64
64
  import "../HeroBanner/LargeBanner.css.js";
@@ -67,43 +67,43 @@ import "../SetContainer/SetContainer.css.js";
67
67
  import "../Tab/Tab.css.js";
68
68
  import "../icons/Star/Star.css.js";
69
69
  import "../ContentBanner/ContentBanner.css.js";
70
- /* empty css */
70
+ /* empty css */
71
71
  import "../ExecutiveBio/ExecutiveBio.css.js";
72
72
  import "../FaqAccordion/index.js";
73
73
  import "../FooterDisclosure/FooterDisclosure.css.js";
74
- /* empty css */
74
+ /* empty css */
75
75
  import "../ImageBillboard/ImageBillboard.css.js";
76
- /* empty css */
77
- /* empty css */
78
- /* empty css */
79
76
  /* empty css */
80
- /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
81
  import "../LandingPageHeader/LandingPageHeader.css.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
105
  import { VideoTile } from "../VideoTile/VideoTile.js";
106
- /* empty css */
106
+ /* empty css */
107
107
  import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
108
108
  const VideoWrapper = ({
109
109
  title,
package/dist/assets/Input/DatePicker.css ADDED
@@ -0,0 +1,95 @@
1
+ .react-date-picker {
2
+ width: 100%;
3
+ }
4
+ .react-date-picker__wrapper {
5
+ border: none !important;
6
+ }
7
+ .react-calendar__month-view__weekdays__weekday {
8
+ width: 45px;
9
+ height: 22px;
10
+ margin: 0;
11
+ display: inline-flex;
12
+ align-items: center;
13
+ font-family: var(--main-font-family);
14
+ font-weight: 500;
15
+ letter-spacing: 0.2px;
16
+ justify-content: center;
17
+ }
18
+ .react-calendar__month-view__weekdays__weekday {
19
+ font-size: 12px;
20
+ line-height: 16;
21
+ color: #2F5B88;
22
+ }
23
+ .react-calendar__month-view__weekdays__weekday > abbr {
24
+ text-decoration: none;
25
+ }
26
+ .react-calendar__month-view__days__day {
27
+ width: 49px;
28
+ height: 49px;
29
+ margin: 0;
30
+ display: inline-flex;
31
+ align-items: center;
32
+ justify-content: center;
33
+ }
34
+ .react-calendar__month-view__days__day > abbr {
35
+ font-family: var(--main-font-family) !important;
36
+ font-weight: 500;
37
+ letter-spacing: 0.2px;
38
+ color: #051A3F;
39
+ }
40
+ .react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
41
+ color: #5E6A74 !important;
42
+ }
43
+ .react-date-picker__clear-button {
44
+ display: none;
45
+ }
46
+ .react-calendar__navigation__label__labelText {
47
+ font-weight: 600;
48
+ font-size: 24px;
49
+ line-height: 36px;
50
+ letter-spacing: 0.2px;
51
+ color: #1E3860;
52
+ font-family: var(--header-font-family);
53
+ }
54
+ .react-datepicker-popper {
55
+ transform: translateY(40px)!important;
56
+ }
57
+ .react-calendar__month-view__days__day--neighboringMonth {
58
+ background-color: #F4F4F4 !important;
59
+ opacity: 50%;
60
+ }
61
+ .react-calendar__month-view__days__day--neighboringMonth > abbr {
62
+ color: #5E6A74;
63
+ }
64
+ .react-calendar__tile--active > abbr {
65
+ color: white;
66
+ }
67
+ .react-calendar {
68
+ border: 12px solid #FFFFFF4D !important;
69
+ border-radius: 4px;
70
+ }
71
+ .react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
72
+ display: none;
73
+ }
74
+ .react-date-picker__calendar {
75
+ max-width: 100% !important;
76
+ }
77
+ .react-date-picker__inputGroup__input:focus-visible {
78
+ outline: none;
79
+ }
80
+ .react-date-picker__inputGroup__input:invalid {
81
+ background: transparent !important;
82
+ }
83
+ @media screen and (max-width:320px) {
84
+ .react-calendar__month-view__weekdays__weekday {
85
+ width: 43.5px;
86
+ }
87
+ .react-calendar__month-view__days__day {
88
+ width: 43.5px;
89
+ }
90
+ }
91
+ @media screen and (max-width:400px) {
92
+ .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
93
+ min-width: auto;
94
+ }
95
+ }
package/dist/assets/Input/InputDate.css ADDED
@@ -0,0 +1,39 @@
1
+ .skzved0 {
2
+ position: relative;
3
+ }
4
+ .skzved1 {
5
+ position: relative;
6
+ top: 5px;
7
+ left: 5px;
8
+ }
9
+ .skzved2 {
10
+ width: 100px;
11
+ padding-left: 5px;
12
+ padding-right: 5px;
13
+ line-height: 28px;
14
+ font-size: 14pt;
15
+ }
16
+ .skzved3 {
17
+ display: flex;
18
+ justify-content: center;
19
+ align-items: center;
20
+ }
21
+ .skzved4 {
22
+ display: block;
23
+ background: #FFFFFF;
24
+ width: 300px;
25
+ border: solid 1px #CCCCCC;
26
+ margin: 10px auto;
27
+ box-shadow: 0 0 15px 0 #C0C0C0;
28
+ font-size: 1.3rem;
29
+ text-align: center;
30
+ z-index: 999;
31
+ }
32
+ .skzved4 .skzved5 {
33
+ display: flex;
34
+ justify-content: center;
35
+ align-items: center;
36
+ color: #FFFFFF;
37
+ cursor: default;
38
+ font-weight: bold;
39
+ }
package/dist/assets/Interstitial/Interstitial-variants.css CHANGED
@@ -16,6 +16,9 @@
16
16
  gap: 1em;
17
17
  list-style: none;
18
18
  }
19
+ .ep91dm4 img {
20
+ max-width: fit-content;
21
+ }
19
22
  @media screen and (max-width:400px) {
20
23
  .ep91dm4 {
21
24
  -webkit-padding-start: 0;