@axos-web-dev/shared-components 0.0.207 → 0.0.208

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 (210) hide show
  1. package/README.md +111 -111
  2. package/dist/ATMLocator/ATMLocator.js +37 -37
  3. package/dist/Accordion/Accordion.css.js +4 -4
  4. package/dist/Accordion/Accordion.js +3 -3
  5. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  6. package/dist/AlertBanner/index.js +3 -3
  7. package/dist/Article/Article.css.js +4 -4
  8. package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
  9. package/dist/Avatar/Avatar.module.js +7 -7
  10. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  11. package/dist/AwardsItem/AwardsItem.css.js +2 -2
  12. package/dist/Blockquote/Blockquote.module.js +3 -3
  13. package/dist/BulletItem/BulletItem.css.js +2 -2
  14. package/dist/BulletItem/BulletItem.js +3 -3
  15. package/dist/Button/Button.css.js +4 -4
  16. package/dist/Button/Button.js +37 -37
  17. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +4 -4
  18. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
  19. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
  20. package/dist/Calculators/AxosOneCalculator/index.js +3 -3
  21. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
  22. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
  23. package/dist/Calculators/CalculateYourPayments/index.d.ts +0 -0
  24. package/dist/Calculators/CalculateYourPayments/index.js +1 -0
  25. package/dist/Calculators/Calculator.js +37 -37
  26. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  27. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
  28. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +4 -4
  29. package/dist/Calculators/calculator.css.js +4 -4
  30. package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
  31. package/dist/Carousel/Carousel.css.js +3 -3
  32. package/dist/Carousel/index.js +37 -37
  33. package/dist/Chevron/Chevron.css.js +4 -4
  34. package/dist/Chevron/index.js +37 -37
  35. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
  36. package/dist/CollectInformationAlert/index.js +3 -3
  37. package/dist/Comparison/Comparison.css.js +7 -7
  38. package/dist/Comparison/Comparison.js +36 -36
  39. package/dist/ContentBanner/ContentBanner.css.js +4 -4
  40. package/dist/DownloadTile/DownloadTile.css.js +3 -3
  41. package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
  42. package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
  43. package/dist/FaqAccordion/index.js +37 -37
  44. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  45. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  46. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +3 -3
  47. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +3 -3
  48. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
  49. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +38 -38
  50. package/dist/Forms/ApplicationStart.js +3 -3
  51. package/dist/Forms/ApplyNow.js +37 -37
  52. package/dist/Forms/ClearingForm.js +3 -3
  53. package/dist/Forms/CommercialDeposits.js +3 -3
  54. package/dist/Forms/CommercialLending.js +3 -3
  55. package/dist/Forms/ContactCompany.js +3 -3
  56. package/dist/Forms/ContactCompanyTitle.js +3 -3
  57. package/dist/Forms/ContactUs.js +3 -3
  58. package/dist/Forms/ContactUsAAS.js +3 -3
  59. package/dist/Forms/ContactUsBusiness.js +37 -37
  60. package/dist/Forms/ContactUsLVF.js +3 -3
  61. package/dist/Forms/ContactUsNMLSId.js +37 -37
  62. package/dist/Forms/CpraRequest.js +3 -3
  63. package/dist/Forms/DealerServices.js +3 -3
  64. package/dist/Forms/EmailOnly.js +37 -37
  65. package/dist/Forms/EmailUs.js +3 -3
  66. package/dist/Forms/Forms.css.js +7 -7
  67. package/dist/Forms/MortgageRate/MortgageRateForm.js +37 -37
  68. package/dist/Forms/MortgageRate/MortgageRateWatch.js +37 -37
  69. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  70. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  71. package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
  72. package/dist/Forms/ScheduleCall.js +3 -3
  73. package/dist/Forms/ScheduleCallPremier.js +3 -3
  74. package/dist/Forms/SuccesForm.js +38 -38
  75. package/dist/Forms/WcplSurvey.js +3 -3
  76. package/dist/HeroBanner/HeroBanner.css.js +5 -5
  77. package/dist/HeroBanner/LargeBanner.css.js +4 -4
  78. package/dist/HeroBanner/SelectionBanner.css.js +4 -4
  79. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  80. package/dist/Hyperlink/index.js +37 -37
  81. package/dist/IconBillboard/IconBillboard.css.js +4 -4
  82. package/dist/ImageBillboard/ImageBillboard.css.js +5 -5
  83. package/dist/ImageBillboard/ImageBillboard.js +3 -3
  84. package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
  85. package/dist/ImageLink/ImageLink.css.js +1 -1
  86. package/dist/ImageLink/ImageLink.js +37 -37
  87. package/dist/ImageLink/ImageLinkSet.js +37 -37
  88. package/dist/ImageLink/index.js +37 -37
  89. package/dist/Input/Checkbox.css.js +1 -1
  90. package/dist/Input/DatePicker.css.d.ts +1 -0
  91. package/dist/Input/DatePicker.css.js +6 -0
  92. package/dist/Input/DatePicker2.d.ts +21 -0
  93. package/dist/Input/DatePicker2.js +103 -0
  94. package/dist/Input/DatePickerComponents/DatePicker.d.ts +11 -0
  95. package/dist/Input/DatePickerComponents/DatePicker.js +13 -0
  96. package/dist/Input/DatePickerComponents/InputDate.d.ts +15 -0
  97. package/dist/Input/DatePickerComponents/InputDate.js +66 -0
  98. package/dist/Input/DatePickerComponents/index.d.ts +2 -0
  99. package/dist/Input/DatePickerComponents/index.js +6 -0
  100. package/dist/Input/Datepicker.d.ts +3 -0
  101. package/dist/Input/Datepicker.js +47 -0
  102. package/dist/Input/Dropdown.css.js +2 -2
  103. package/dist/Input/Input.css.js +4 -4
  104. package/dist/Input/InputDate.css.d.ts +6 -0
  105. package/dist/Input/InputDate.css.js +15 -0
  106. package/dist/Input/InputDate.d.ts +3 -0
  107. package/dist/Input/InputDate.js +47 -0
  108. package/dist/Input/RadioButton.css.js +1 -1
  109. package/dist/Inputs/Input.css.js +3 -3
  110. package/dist/Insight/Featured/CategorySelector.css.js +5 -5
  111. package/dist/Insight/Featured/CategorySelector.js +36 -36
  112. package/dist/Insight/Featured/Featured.css.js +2 -2
  113. package/dist/Insight/Featured/Featured.js +38 -38
  114. package/dist/Insight/Featured/Header.css.js +1 -1
  115. package/dist/Insight/Featured/Header.js +36 -36
  116. package/dist/Insight/Insight.css.js +2 -2
  117. package/dist/Interstitial/Interstitial-variants.css.js +4 -4
  118. package/dist/Interstitial/Interstitial.module.js +10 -10
  119. package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
  120. package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
  121. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  122. package/dist/MainHTML/index.d.ts +1 -1
  123. package/dist/MainHTML/index.js +1 -1
  124. package/dist/Modal/Modal.css.js +3 -3
  125. package/dist/Modal/Modal.js +36 -36
  126. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +3 -3
  127. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  128. package/dist/NavigationMenu/AxosALTS/NavData.js +37 -37
  129. package/dist/NavigationMenu/AxosALTS/index.js +231 -205
  130. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
  131. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +54 -54
  132. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
  133. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
  134. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +55 -55
  135. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
  136. package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
  137. package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
  138. package/dist/NavigationMenu/AxosBank/NavData.js +37 -37
  139. package/dist/NavigationMenu/AxosBank/SubNavBar.js +36 -36
  140. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
  141. package/dist/NavigationMenu/AxosBank/index.js +35 -35
  142. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  143. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  144. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  145. package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
  146. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  147. package/dist/NavigationMenu/LaVictoire/NavData.js +37 -37
  148. package/dist/NavigationMenu/LaVictoire/index.js +36 -36
  149. package/dist/PageNavItem/PageNavItem.css.js +4 -4
  150. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  151. package/dist/Pagination/Pagination.css.js +1 -1
  152. package/dist/Pagination/Pagination.js +3 -3
  153. package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
  154. package/dist/SetContainer/SetContainer.css.js +3 -3
  155. package/dist/SetContainer/SetContainer.js +37 -37
  156. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  157. package/dist/SocialMediaBar/iconsRepository.js +37 -37
  158. package/dist/StepItem/StepItem.css.js +4 -4
  159. package/dist/StepItemSet/StepItemSet.css.js +3 -3
  160. package/dist/Tab/Tab.css.js +4 -4
  161. package/dist/Table/Table.css.js +3 -3
  162. package/dist/Table/Table.js +3 -3
  163. package/dist/TextBlock/TextBlock.css.js +3 -3
  164. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  165. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  166. package/dist/Typography/Typography.css.js +1 -1
  167. package/dist/VideoTile/VideoTile.css.js +4 -4
  168. package/dist/VideoTile/VideoTile.js +3 -3
  169. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  170. package/dist/VideoWrapper/index.js +36 -36
  171. package/dist/assets/Avatar/Avatar.css.css +59 -59
  172. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  173. package/dist/assets/FdicCallout/FdicCallout.css.css +48 -48
  174. package/dist/assets/Input/DatePicker.css +95 -0
  175. package/dist/assets/Input/InputDate.css +39 -0
  176. package/dist/assets/Interstitial/Interstitial.css.css +142 -142
  177. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css.css +264 -264
  178. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +600 -600
  179. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +621 -621
  180. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +651 -651
  181. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -458
  182. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +426 -426
  183. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css +429 -429
  184. package/dist/assets/node_modules/react-date-range/dist/styles.css.css +194 -0
  185. package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +385 -0
  186. package/dist/globals.css.js +2 -2
  187. package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
  188. package/dist/icons/CalendarIcon/CalendarIcon.d.ts +3 -0
  189. package/dist/icons/CalendarIcon/CalendarIcon.js +17 -0
  190. package/dist/icons/CalendarIcon/index.d.ts +1 -0
  191. package/dist/icons/CalendarIcon/index.js +4 -0
  192. package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
  193. package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
  194. package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
  195. package/dist/icons/Star/Star.css.js +1 -1
  196. package/dist/index.css.js +3 -3
  197. package/dist/themes/axos.css.js +1 -1
  198. package/dist/themes/premier.css.js +2 -2
  199. package/dist/themes/victorie.css.js +2 -2
  200. package/dist/types/icon.d.ts +3 -0
  201. package/dist/types/icon.js +1 -0
  202. package/dist/types/popover.d.ts +8 -0
  203. package/dist/types/popover.js +1 -0
  204. package/dist/utils/constants/format.d.ts +1 -0
  205. package/dist/utils/constants/format.js +4 -0
  206. package/dist/utils/constants/popper.d.ts +6 -0
  207. package/dist/utils/constants/popper.js +10 -0
  208. package/dist/utils/hooks/usePopover.d.ts +25 -0
  209. package/dist/utils/hooks/usePopover.js +64 -0
  210. package/package.json +130 -130
@@ -0,0 +1,66 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
3
+ import clsx from "clsx";
4
+ import { memo } from "react";
5
+ const InputDateComponent = (props) => {
6
+ const {
7
+ className,
8
+ isDisabled,
9
+ isInvalid,
10
+ onClick,
11
+ onFieldClear,
12
+ placeholder,
13
+ subTitle,
14
+ title,
15
+ value
16
+ } = props;
17
+ return /* @__PURE__ */ jsxs(
18
+ "div",
19
+ {
20
+ className: clsx("InputDate", className, {
21
+ InputDate__isDisabled: isDisabled,
22
+ InputDate__isInvalid: isInvalid && !isDisabled
23
+ }),
24
+ onClick: !isDisabled ? onClick : void 0,
25
+ children: [
26
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
27
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
28
+ title,
29
+ " "
30
+ ] }),
31
+ /* @__PURE__ */ jsxs(
32
+ "div",
33
+ {
34
+ className: clsx("InputDate-IconWrapper", {
35
+ "InputDate-IconWrapper__isFocusable": !isDisabled
36
+ }),
37
+ children: [
38
+ /* @__PURE__ */ jsx(
39
+ "div",
40
+ {
41
+ className: clsx("InputDate-Text", {
42
+ "InputDate-Text__isFilled": value && !isDisabled,
43
+ "InputDate-Text__isPlaceholder": !value
44
+ }),
45
+ children: value ?? placeholder
46
+ }
47
+ ),
48
+ value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
49
+ /* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
50
+ ]
51
+ }
52
+ ),
53
+ /* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
54
+ ] }),
55
+ /* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
56
+ subTitle,
57
+ " "
58
+ ] })
59
+ ]
60
+ }
61
+ );
62
+ };
63
+ const InputDate = memo(InputDateComponent);
64
+ export {
65
+ InputDate
66
+ };
@@ -0,0 +1,2 @@
1
+ export * from './DatePicker';
2
+ export * from './InputDate';
@@ -0,0 +1,6 @@
1
+ import { DatePicker } from "./DatePicker.js";
2
+ import { InputDate } from "./InputDate.js";
3
+ export {
4
+ DatePicker,
5
+ InputDate
6
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,47 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import DatePicker from "react-date-picker";
5
+ import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
+ const DatePickerInput = (props) => {
7
+ const {
8
+ disabled,
9
+ label,
10
+ iconLeft,
11
+ iconRight,
12
+ sizes,
13
+ error = false,
14
+ helperText: helper,
15
+ variant
16
+ } = props;
17
+ const [value, onChange] = useState();
18
+ return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
+ label && /* @__PURE__ */ jsx(
20
+ "label",
21
+ {
22
+ className: labelClassName({ error, variant }),
23
+ htmlFor: props.name,
24
+ children: label
25
+ }
26
+ ),
27
+ /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
+ iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
+ /* @__PURE__ */ jsx(
30
+ DatePicker,
31
+ {
32
+ dayPlaceholder: "dd",
33
+ monthPlaceholder: "mm",
34
+ yearPlaceholder: "yyyy",
35
+ minDate: /* @__PURE__ */ new Date(),
36
+ onChange,
37
+ value
38
+ }
39
+ ),
40
+ iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
+ ] }),
42
+ /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
+ ] });
44
+ };
45
+ export {
46
+ DatePickerInput
47
+ };
@@ -1,5 +1,5 @@
1
- import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';/* empty css */
2
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
3
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
4
  var selectInput = "_1vzv2cd0";
5
5
  var dp_input = createRuntimeFn({ defaultClassName: "_1vzv2cd1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
@@ -1,8 +1,8 @@
1
- import '../assets/Input/Input.css';import '../assets/Input/Checkbox.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
- /* empty css */
3
1
  /* empty css */
4
- /* empty css */
5
- /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
8
8
  var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { variant: { primary: "_18du0la5", secondary: "_18du0la6", tertiary: "_18du0la7", quaternary: "_18du0la8" }, error: { true: "_18du0la9" }, disabled: { true: "_18du0laa" }, isCheckbox: { true: "_18du0lab" } }, defaultVariants: {}, compoundVariants: [] });
@@ -0,0 +1,6 @@
1
+ export declare const calendarContainer: string;
2
+ export declare const calendarIcon: string;
3
+ export declare const inputDate: string;
4
+ export declare const verticalCenter: string;
5
+ export declare const calendar: string;
6
+ export declare const headerCalendar: string;
@@ -0,0 +1,15 @@
1
+ /* empty css */
2
+ var calendarContainer = "skzved0";
3
+ var calendarIcon = "skzved1";
4
+ var inputDate = "skzved2";
5
+ var verticalCenter = "skzved3";
6
+ var calendar = "skzved4";
7
+ var headerCalendar = "skzved5";
8
+ export {
9
+ calendar,
10
+ calendarContainer,
11
+ calendarIcon,
12
+ headerCalendar,
13
+ inputDate,
14
+ verticalCenter
15
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,47 @@
1
+ "use client";
2
+ import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import DatePicker from "react-date-picker";
5
+ import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
+ const InputDate = (props) => {
7
+ const {
8
+ disabled,
9
+ label,
10
+ iconLeft,
11
+ iconRight,
12
+ sizes,
13
+ error = false,
14
+ helperText: helper,
15
+ variant
16
+ } = props;
17
+ const [value, onChange] = useState();
18
+ return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
+ label && /* @__PURE__ */ jsx(
20
+ "label",
21
+ {
22
+ className: labelClassName({ error, variant }),
23
+ htmlFor: props.name,
24
+ children: label
25
+ }
26
+ ),
27
+ /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
+ iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
+ /* @__PURE__ */ jsx(
30
+ DatePicker,
31
+ {
32
+ dayPlaceholder: "dd",
33
+ monthPlaceholder: "mm",
34
+ yearPlaceholder: "yyyy",
35
+ minDate: /* @__PURE__ */ new Date(),
36
+ onChange,
37
+ value
38
+ }
39
+ ),
40
+ iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
+ ] }),
42
+ /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
+ ] });
44
+ };
45
+ export {
46
+ InputDate
47
+ };
@@ -1,4 +1,4 @@
1
- import '../assets/Input/RadioButton.css';/* empty css */
1
+ /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var fieldset = createRuntimeFn({ defaultClassName: "_1gnyc3c0", variantClassNames: { direction: { row: "_1gnyc3c1", column: "_1gnyc3c2", "default": "_1gnyc3c3" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  var fieldset_wrapper = "_1gnyc3c4";
@@ -1,7 +1,7 @@
1
- import '../assets/Inputs/Input.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
- /* empty css */
3
1
  /* empty css */
4
- /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var icon = createRuntimeFn({ defaultClassName: "_157e2fz0", variantClassNames: { size: { small: "_157e2fz1", medium: "_157e2fz2", large: "_157e2fz3" } }, defaultVariants: {}, compoundVariants: [] });
7
7
  var labelClassName = createRuntimeFn({ defaultClassName: "_157e2fz4", variantClassNames: { error: { true: "_157e2fz5" }, disabled: { true: "_157e2fz6" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,9 +1,9 @@
1
- import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
- /* empty css */
3
1
  /* empty css */
4
- /* empty css */
5
- /* empty css */
6
- /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
7
  var selector_section = "_13y9ptj0";
8
8
  var selector_link = "_13y9ptj1";
9
9
  var selector_link_mobile = "_13y9ptj2 _13y9ptj1";
@@ -4,15 +4,15 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
4
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../../icons/CheckIcon/CheckIcon.css.js";
6
6
  import ClockIcon from "../../icons/Clock/index.js";
7
- import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
8
- /* empty css */
9
7
  /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ /* empty css */
10
11
  /* empty css */
11
- /* empty css */
12
12
  import "../../utils/allowedAxosDomains.js";
13
13
  import clsx from "clsx";
14
- /* empty css */
15
- /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
16
  import "../../Interstitial/Interstitial-variants.css.js";
17
17
  import "../../Chevron/Chevron.css.js";
18
18
  import "../../Accordion/Accordion.js";
@@ -48,18 +48,18 @@ import "../../Input/Checkbox.css.js";
48
48
  import "../../LoadingIndicator/LoadingIndicator.css.js";
49
49
  import "react-use";
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
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ /* empty css */
58
59
  /* empty css */
59
- /* empty css */
60
- /* empty css */
60
+ /* empty css */
61
61
  import "../../Carousel/index.js";
62
- /* empty css */
62
+ /* empty css */
63
63
  import "../../Comparison/Comparison.css.js";
64
64
  import "../../HeroBanner/HeroBanner.css.js";
65
65
  import "../../HeroBanner/LargeBanner.css.js";
@@ -68,48 +68,48 @@ import "../../SetContainer/SetContainer.css.js";
68
68
  import "../../Tab/Tab.css.js";
69
69
  import "../../icons/Star/Star.css.js";
70
70
  import "../../ContentBanner/ContentBanner.css.js";
71
- /* empty css */
71
+ /* empty css */
72
72
  import "../../ExecutiveBio/ExecutiveBio.css.js";
73
73
  import "../../FaqAccordion/index.js";
74
74
  import "../../FooterDisclosure/FooterDisclosure.css.js";
75
- /* empty css */
76
- /* empty css */
75
+ /* empty css */
76
+ /* empty css */
77
77
  import "../../ImageBillboard/ImageBillboard.css.js";
78
- /* empty css */
78
+ /* empty css */
79
79
  import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
80
- /* empty css */
81
- /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
82
  import "../../LandingPageHeader/LandingPageHeader.css.js";
83
- /* empty css */
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
83
+ /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
88
  import "../../NavigationMenu/AxosBank/NavData.js";
89
89
  import "next/image.js";
90
90
  import "next/link.js";
91
91
  import "next/navigation.js";
92
- /* empty css */
93
- /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
94
  import "../../NavigationMenu/AxosALTS/NavData.js";
95
- /* empty css */
96
- /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
97
  import "../../NavigationMenu/LaVictoire/NavData.js";
98
98
  import "../../PageNavItem/PageNavItem.css.js";
99
99
  import "react-slick";
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
104
  import "../../StepItem/StepItem.css.js";
105
105
  import "../../StepItemSet/StepItemSet.css.js";
106
- /* empty css */
107
- /* empty css */
108
- /* empty css */
106
+ /* empty css */
107
+ /* empty css */
108
+ /* empty css */
109
109
  import "next/script.js";
110
- /* empty css */
111
- /* empty css */
112
- /* empty css */
110
+ /* empty css */
111
+ /* empty css */
112
+ /* empty css */
113
113
  import "../../Modal/contextApi/store.js";
114
114
  import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
115
115
  const CategorySelector = (props) => {
@@ -1,5 +1,5 @@
1
- import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css */
2
- /* empty css */
1
+ /* empty css */
2
+ /* empty css */
3
3
  var featured_section = "_1sr2o6v0";
4
4
  var featured_title = "_1sr2o6v1";
5
5
  var featured_supertag = "_1sr2o6v2";
@@ -3,23 +3,23 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
3
3
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../../icons/CheckIcon/CheckIcon.css.js";
5
5
  import ClockIcon from "../../icons/Clock/index.js";
6
- import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
7
- /* empty css */
8
6
  /* 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
13
  import clsx from "clsx";
14
- /* empty css */
15
- /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
16
  import "../../Accordion/Accordion.js";
17
17
  import "../../Accordion/Accordion.css.js";
18
18
  import "../../AlertBanner/AlertBanner.css.js";
19
19
  import "../../Article/Article.css.js";
20
20
  import "../../Interstitial/Interstitial-variants.css.js";
21
21
  import "../../Chevron/Chevron.css.js";
22
- /* empty css */
22
+ /* empty css */
23
23
  import "../../Modal/contextApi/store.js";
24
24
  import { Fragment } from "react";
25
25
  import "../../Button/Button.css.js";
@@ -50,18 +50,18 @@ import "../../Input/RadioButton.css.js";
50
50
  import "../../Input/Checkbox.css.js";
51
51
  import "../../LoadingIndicator/LoadingIndicator.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
59
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
+ /* empty css */
60
61
  /* empty css */
61
- /* empty css */
62
- /* empty css */
62
+ /* empty css */
63
63
  import "../../Carousel/index.js";
64
- /* empty css */
64
+ /* empty css */
65
65
  import "../../Comparison/Comparison.css.js";
66
66
  import "../../HeroBanner/HeroBanner.css.js";
67
67
  import "../../HeroBanner/LargeBanner.css.js";
@@ -70,49 +70,49 @@ import { set_container } from "../../SetContainer/SetContainer.css.js";
70
70
  import "../../Tab/Tab.css.js";
71
71
  import "../../icons/Star/Star.css.js";
72
72
  import "../../ContentBanner/ContentBanner.css.js";
73
- /* empty css */
73
+ /* empty css */
74
74
  import "../../ExecutiveBio/ExecutiveBio.css.js";
75
75
  import "../../FaqAccordion/index.js";
76
76
  import "../../FooterDisclosure/FooterDisclosure.css.js";
77
- /* empty css */
78
- /* empty css */
77
+ /* empty css */
78
+ /* empty css */
79
79
  import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
80
- /* empty css */
81
- /* empty css */
82
- /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ /* empty css */
83
83
  import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
84
- /* empty css */
85
- /* empty css */
84
+ /* empty css */
85
+ /* empty css */
86
86
  import "../../LandingPageHeader/LandingPageHeader.css.js";
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
90
- /* empty css */
91
- /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ /* empty css */
90
+ /* empty css */
91
+ /* empty css */
92
92
  import "../../NavigationMenu/AxosBank/NavData.js";
93
93
  import "next/image.js";
94
94
  import "next/link.js";
95
95
  import "next/navigation.js";
96
- /* empty css */
97
- /* empty css */
96
+ /* empty css */
97
+ /* empty css */
98
98
  import "../../NavigationMenu/AxosALTS/NavData.js";
99
- /* empty css */
100
- /* empty css */
99
+ /* empty css */
100
+ /* empty css */
101
101
  import "../../NavigationMenu/LaVictoire/NavData.js";
102
102
  import "../../PageNavItem/PageNavItem.css.js";
103
103
  import "react-slick";
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
107
- /* empty css */
104
+ /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
+ /* empty css */
108
108
  import "../../StepItem/StepItem.css.js";
109
109
  import "../../StepItemSet/StepItemSet.css.js";
110
- /* empty css */
111
- /* empty css */
112
- /* empty css */
110
+ /* empty css */
111
+ /* empty css */
112
+ /* empty css */
113
113
  import "next/script.js";
114
- /* empty css */
115
- /* empty css */
114
+ /* empty css */
115
+ /* empty css */
116
116
  const FeaturedItem = (props) => {
117
117
  const {
118
118
  url,
@@ -1,4 +1,4 @@
1
- import '../../assets/Insight/Featured/Header.css';/* empty css */
1
+ /* empty css */
2
2
  var header_featured = "_19yqlq40";
3
3
  var breadcumbs_header_featured_section = "_19yqlq41";
4
4
  var breadcumb_link = "_19yqlq42";