@axos-web-dev/shared-components 0.0.87 → 0.0.90

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 (58) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +9 -9
  2. package/dist/Calculators/ApyCalculator/index.js +2 -4
  3. package/dist/Calculators/Calculator.js +9 -8
  4. package/dist/Calculators/MarginTradingCalculator/index.js +3 -6
  5. package/dist/Calculators/MaxLoanCalculator/index.d.ts +2 -2
  6. package/dist/Calculators/MaxLoanCalculator/index.js +3 -3
  7. package/dist/Calculators/index.d.ts +6 -0
  8. package/dist/Calculators/index.js +12 -0
  9. package/dist/CallToActionBar/index.js +1 -2
  10. package/dist/Carousel/index.js +10 -7
  11. package/dist/Chevron/index.js +6 -5
  12. package/dist/Comparison/Comparison.js +6 -5
  13. package/dist/Comparison/ComparisonSet.js +7 -6
  14. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -5
  15. package/dist/Forms/ApplicationStart.js +3 -2
  16. package/dist/Forms/CommercialLending.js +3 -2
  17. package/dist/Forms/ContactCompany.js +3 -2
  18. package/dist/Forms/ContactUs.js +3 -2
  19. package/dist/Forms/ContactUsAAS.js +30 -28
  20. package/dist/Forms/ContactUsBusiness.js +8 -7
  21. package/dist/Forms/ContactUsNMLSId.js +8 -7
  22. package/dist/Forms/DealerServices.js +3 -2
  23. package/dist/Forms/EmailOnly.js +8 -7
  24. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  25. package/dist/Forms/ScheduleCall.js +7 -3
  26. package/dist/Forms/ScheduleCallPremier.js +3 -2
  27. package/dist/Forms/SuccesForm.js +6 -5
  28. package/dist/Forms/WcplSurvey.js +3 -2
  29. package/dist/Hyperlink/index.js +6 -5
  30. package/dist/ImageLink/ImageLink.js +6 -5
  31. package/dist/ImageLink/ImageLinkSet.js +6 -5
  32. package/dist/ImageLink/index.js +6 -5
  33. package/dist/Input/Checkbox.d.ts +1 -1
  34. package/dist/Input/CurrencyInput.js +3 -2
  35. package/dist/Input/DatePicker.css.d.ts +1 -0
  36. package/dist/Input/DatePicker.css.js +6 -0
  37. package/dist/Input/Datepicker.d.ts +3 -0
  38. package/dist/Input/Datepicker.js +47 -0
  39. package/dist/Input/InputDate.css.d.ts +6 -0
  40. package/dist/Input/InputDate.css.js +15 -0
  41. package/dist/Input/InputDate.d.ts +3 -0
  42. package/dist/Input/InputDate.js +47 -0
  43. package/dist/Input/InputPhone.js +3 -2
  44. package/dist/Input/InputProps.d.ts +6 -0
  45. package/dist/Input/index.d.ts +3 -0
  46. package/dist/Input/index.js +6 -0
  47. package/dist/Modal/Modal.js +7 -6
  48. package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
  49. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
  50. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
  51. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -5
  52. package/dist/SetContainer/SetContainer.js +6 -5
  53. package/dist/Table/Table.d.ts +11 -11
  54. package/dist/assets/Input/DatePicker.css +95 -0
  55. package/dist/assets/Input/InputDate.css +39 -0
  56. package/dist/main.js +12 -2
  57. package/dist/utils/allowedAxosDomains.js +3 -3
  58. package/package.json +9 -9
@@ -23,27 +23,28 @@ import "react";
23
23
  import "react-use";
24
24
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
25
25
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
- /* empty css */
27
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
26
+ import "clsx";
27
+ import "../Table/Table.css.js";
28
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
29
  import "@hookform/resolvers/zod";
29
30
  import "../Input/Checkbox.js";
30
31
  import "../Input/CurrencyInput.js";
32
+ import "../Input/Input.css.js";
33
+ /* empty css */
31
34
  import "../Input/Dropdown.js";
32
35
  /* empty css */
33
36
  import "../Input/Input.js";
34
- import "../Input/Input.css.js";
35
37
  import "../Input/InputPhone.js";
36
38
  import "../Input/InputTextArea.js";
37
- import "clsx";
38
39
  import "react-hook-form";
39
40
  import "../Forms/Forms.css.js";
40
41
  import "../Forms/SalesforceFieldsForm.js";
41
42
  import "../LoadingIndicator/LoadingIndicator.css.js";
42
43
  import "../Input/RadioButton.js";
43
44
  import "iframe-resizer";
44
- import "../Table/Table.css.js";
45
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
45
  import "../Calculators/calculator.css.js";
46
+ /* empty css */
47
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
47
48
  /* empty css */
48
49
  import "../Carousel/index.js";
49
50
  /* empty css */
@@ -3,17 +3,22 @@ export declare const navItems: {
3
3
  url: string;
4
4
  }[];
5
5
  export declare const subNavItems: {
6
- support: {
6
+ scaleYourBusiness: {
7
7
  name: string;
8
8
  url: string;
9
9
  id: string;
10
10
  }[];
11
- technology: {
11
+ serveYourClients: {
12
12
  name: string;
13
13
  url: string;
14
14
  id: string;
15
15
  }[];
16
- solutions: {
16
+ optimizeOperations: {
17
+ name: string;
18
+ url: string;
19
+ id: string;
20
+ }[];
21
+ axosAdvantage: {
17
22
  name: string;
18
23
  url: string;
19
24
  id: string;
@@ -1,51 +1,67 @@
1
1
  const navItems = [
2
- { name: "About Us", url: "/about-us" },
3
- { name: "Personalized Support", url: "/personalized-support" },
4
- { name: "Intuitive Technology", url: "/intuitive-technology" },
5
- { name: "Growth Solutions", url: "/growth-solutions" },
6
- { name: "Knowledge", url: "/knowledge" },
7
- { name: "Contact Us", url: "/contact-us" }
2
+ { name: "Home", url: "/" },
3
+ { name: "Scale Your Business", url: "/scale-your-business" },
4
+ { name: "Serve Your Clients", url: "/serve-your-clients" },
5
+ { name: "Optimize Operations", url: "/optimize-operations" },
6
+ { name: "Axos Advantage", url: "/axos-advantage" }
8
7
  ];
9
8
  const subNavItems = {
10
- support: [
9
+ scaleYourBusiness: [
11
10
  {
12
- name: "Going Independent",
13
- url: "/personalized-support/going-independent",
14
- id: "ps_1"
11
+ name: "Unlock Independence",
12
+ url: "/scale-your-business/unlock-independence",
13
+ id: "syb_1"
14
+ }
15
+ ],
16
+ serveYourClients: [
17
+ {
18
+ name: "Cash Management Solutions",
19
+ url: "/cash-management-solutions",
20
+ id: "syc_1"
15
21
  },
16
22
  {
17
- name: "Client Service Team",
18
- url: "/personalized-support/client-service-team",
19
- id: "ps_2"
23
+ name: "Retirement Plans",
24
+ url: "/serve-your-clients/retirement-plans",
25
+ id: "syc_2"
20
26
  },
21
27
  {
22
- name: "Sales Team",
23
- url: "/sales-team",
24
- id: "ps_3"
28
+ name: "Managed Investment Solutions",
29
+ url: "/serve-your-clients/managed-investment-solutions",
30
+ id: "syc_3"
25
31
  }
26
32
  ],
27
- technology: [
33
+ optimizeOperations: [
28
34
  {
29
35
  name: "Technology Providers",
30
- url: "/intuitive-technology/technology-providers",
31
- id: "it_1"
36
+ url: "/optimize-operations/technology-providers",
37
+ id: "oo_1"
38
+ },
39
+ {
40
+ name: "Axos Client Portal",
41
+ url: "https://www.axosbank.com/pages/axos-client-portal",
42
+ id: "oo_2"
32
43
  }
33
44
  ],
34
- solutions: [
45
+ axosAdvantage: [
35
46
  {
36
- name: "Money Manager X-Change",
37
- url: "/growth-solutions/money-manager-x-change",
38
- id: "gs_1"
47
+ name: "About AXOS",
48
+ url: "/axos-advantage/about-axos",
49
+ id: "aa_1"
39
50
  },
40
51
  {
41
- name: "Retirement Solutions",
42
- url: "/growth-solutions/retirement-solutions",
43
- id: "gs_2"
52
+ name: "Client Service Team",
53
+ url: "/axos-advantage/personalized-support",
54
+ id: "aa_2"
44
55
  },
45
56
  {
46
- name: "Banking and Lending Solutions",
47
- url: "/growth-solutions/banking-and-lending-solutions",
48
- id: "gs_3"
57
+ name: "Insights & Ideas",
58
+ url: "/axos-advantage/insights-and-ideas",
59
+ id: "aa_3"
60
+ },
61
+ {
62
+ name: "Sales Team",
63
+ url: "/axos-advantage/sales-team",
64
+ id: "aa_4"
49
65
  }
50
66
  ]
51
67
  };
@@ -7,28 +7,32 @@ import { subNavItems } from "./NavData.js";
7
7
  import { sub_nav } from "./SubNavbar.css.js";
8
8
  function SubNavBar() {
9
9
  const { pathname } = useLocation();
10
- const support = subNavItems.support;
11
- const technology = subNavItems.technology;
12
- const solutions = subNavItems.solutions;
10
+ const scaleYourBusiness = subNavItems.scaleYourBusiness;
11
+ const serveYourClients = subNavItems.serveYourClients;
12
+ const optimizeOperations = subNavItems.optimizeOperations;
13
+ const axosAdvantage = subNavItems.axosAdvantage;
13
14
  const [showNavbar, setShowNavbar] = useState(false);
14
15
  useEffect(() => {
15
16
  setShowNavbar(
16
17
  () => [
17
- "/personalized-support",
18
- "/intuitive-technology",
19
- "/sales-team",
20
- "/growth-solutions"
18
+ "/scale-your-business",
19
+ "/serve-your-clients",
20
+ "/optimize-operations",
21
+ "/axos-advantage"
21
22
  ].some((el) => pathname?.includes(el))
22
23
  );
23
24
  }, [pathname]);
24
25
  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
25
- (pathname?.includes("/personalized-support") || pathname?.includes("/sales-team")) && support?.map(
26
+ pathname?.includes("/scale-your-business") && scaleYourBusiness?.map(
26
27
  (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
27
28
  ),
28
- pathname?.includes("/intuitive-technology") && technology.map(
29
+ (pathname?.includes("/serve-your-clients") || pathname?.includes("/cash-management-solutions")) && serveYourClients.map(
29
30
  (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
30
31
  ),
31
- pathname?.includes("/growth-solutions") && solutions.map(
32
+ pathname?.includes("/optimize-operations") && optimizeOperations.map(
33
+ (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
34
+ ),
35
+ pathname?.includes("/axos-advantage") && axosAdvantage.map(
32
36
  (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
33
37
  )
34
38
  ] }) }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {});
@@ -26,15 +26,16 @@ import "../../Button/Button.css.js";
26
26
  import { useLocation } from "react-use";
27
27
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- /* empty css */
30
- import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
29
+ import "../../Table/Table.css.js";
30
+ 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/Input.css.js";
35
+ /* empty css */
34
36
  import "../../Input/Dropdown.js";
35
37
  /* empty css */
36
38
  import "../../Input/Input.js";
37
- import "../../Input/Input.css.js";
38
39
  import "../../Input/InputPhone.js";
39
40
  import "../../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -43,9 +44,9 @@ import "../../Forms/SalesforceFieldsForm.js";
43
44
  import "../../LoadingIndicator/LoadingIndicator.css.js";
44
45
  import "../../Input/RadioButton.js";
45
46
  import "iframe-resizer";
46
- import "../../Table/Table.css.js";
47
- import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
47
  import "../../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
50
  /* empty css */
50
51
  import "../../Carousel/index.js";
51
52
  /* empty css */
@@ -26,15 +26,16 @@ import { header_section } from "../IconBillboard/IconBillboard.css.js";
26
26
  /* empty css */
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- /* empty css */
30
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
29
+ import "../Table/Table.css.js";
30
+ 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/Input.css.js";
35
+ /* empty css */
34
36
  import "../Input/Dropdown.js";
35
37
  /* empty css */
36
38
  import "../Input/Input.js";
37
- import "../Input/Input.css.js";
38
39
  import "../Input/InputPhone.js";
39
40
  import "../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -43,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
43
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
45
  import "../Input/RadioButton.js";
45
46
  import "iframe-resizer";
46
- import "../Table/Table.css.js";
47
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
47
  import "../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
50
  /* empty css */
50
51
  import "../Carousel/index.js";
51
52
  /* empty css */
@@ -15,7 +15,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
15
15
  suppressHydrationWarning?: boolean | undefined;
16
16
  accessKey?: string | undefined;
17
17
  autoFocus?: boolean | undefined;
18
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
18
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
19
19
  contextMenu?: string | undefined;
20
20
  dir?: string | undefined;
21
21
  draggable?: (boolean | "false" | "true") | undefined;
@@ -28,7 +28,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
28
28
  style?: import('react').CSSProperties | undefined;
29
29
  tabIndex?: number | undefined;
30
30
  title?: string | undefined;
31
- translate?: "no" | "yes" | undefined;
31
+ translate?: "yes" | "no" | undefined;
32
32
  radioGroup?: string | undefined;
33
33
  role?: import('react').AriaRole | undefined;
34
34
  about?: string | undefined;
@@ -53,32 +53,32 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
53
53
  itemRef?: string | undefined;
54
54
  results?: number | undefined;
55
55
  security?: string | undefined;
56
- unselectable?: "off" | "on" | undefined;
57
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ unselectable?: "on" | "off" | undefined;
57
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
58
58
  is?: string | undefined;
59
59
  "aria-activedescendant"?: string | undefined;
60
60
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
61
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
61
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
62
62
  "aria-braillelabel"?: string | undefined;
63
63
  "aria-brailleroledescription"?: string | undefined;
64
64
  "aria-busy"?: (boolean | "false" | "true") | undefined;
65
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
65
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
66
66
  "aria-colcount"?: number | undefined;
67
67
  "aria-colindex"?: number | undefined;
68
68
  "aria-colindextext"?: string | undefined;
69
69
  "aria-colspan"?: number | undefined;
70
70
  "aria-controls"?: string | undefined;
71
- "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
71
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
72
72
  "aria-describedby"?: string | undefined;
73
73
  "aria-description"?: string | undefined;
74
74
  "aria-details"?: string | undefined;
75
75
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
76
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
76
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
77
77
  "aria-errormessage"?: string | undefined;
78
78
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
79
79
  "aria-flowto"?: string | undefined;
80
80
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
81
- "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
81
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
82
82
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
83
83
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
84
84
  "aria-keyshortcuts"?: string | undefined;
@@ -93,9 +93,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
93
93
  "aria-owns"?: string | undefined;
94
94
  "aria-placeholder"?: string | undefined;
95
95
  "aria-posinset"?: number | undefined;
96
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
96
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
97
97
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
98
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
98
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
99
99
  "aria-required"?: (boolean | "false" | "true") | undefined;
100
100
  "aria-roledescription"?: string | undefined;
101
101
  "aria-rowcount"?: number | undefined;
@@ -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
+ }
@@ -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/main.js CHANGED
@@ -17,11 +17,13 @@ import { BulletItem } from "./BulletItem/BulletItem.js";
17
17
  import { Button } from "./Button/Button.js";
18
18
  import { button } from "./Button/Button.css.js";
19
19
  import { GoBackButton } from "./Button/GoBackButton.js";
20
- import { Calculator } from "./Calculators/Calculator.js";
21
- import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
22
20
  import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
23
21
  import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
22
+ import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
23
+ import { Calculator } from "./Calculators/Calculator.js";
24
+ import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
24
25
  import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/index.js";
26
+ import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
25
27
  import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
26
28
  import { CallToActionBar } from "./CallToActionBar/index.js";
27
29
  import { Carousel, CarouselSlide } from "./Carousel/index.js";
@@ -72,10 +74,13 @@ import "react";
72
74
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
73
75
  import { Checkbox } from "./Input/Checkbox.js";
74
76
  import { CurrencyInput } from "./Input/CurrencyInput.js";
77
+ import { DatePickerInput } from "./Input/Datepicker.js";
78
+ import { datePicker } from "./Input/DatePicker.css.js";
75
79
  import { Dropdown } from "./Input/Dropdown.js";
76
80
  import { selectInput } from "./Input/Dropdown.css.js";
77
81
  import { Input } from "./Input/Input.js";
78
82
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
83
+ import { InputDate } from "./Input/InputDate.js";
79
84
  import { InputPhone } from "./Input/InputPhone.js";
80
85
  import { InputTextArea } from "./Input/InputTextArea.js";
81
86
  import { Interstitial } from "./Interstitial/index.js";
@@ -167,6 +172,7 @@ export {
167
172
  AxosFooterSiteMap,
168
173
  default7 as AxosX,
169
174
  default8 as AxosXBlue,
175
+ BalanceAPYCalculator,
170
176
  Blockquote,
171
177
  BulletItem,
172
178
  Button,
@@ -192,6 +198,7 @@ export {
192
198
  ContactUsNMLSId,
193
199
  ContentBanner,
194
200
  CurrencyInput,
201
+ DatePickerInput,
195
202
  DealerServices,
196
203
  default15 as DownloadIcon,
197
204
  DownloadTile,
@@ -218,6 +225,7 @@ export {
218
225
  ImageBillboardSet,
219
226
  ImageLinkSet,
220
227
  Input,
228
+ InputDate,
221
229
  InputPhone,
222
230
  InputTextArea,
223
231
  Interstitial,
@@ -226,6 +234,7 @@ export {
226
234
  default18 as LockIcon,
227
235
  MainHTML,
228
236
  MarginTradingCalculator,
237
+ MaxLoanCalculator,
229
238
  default19 as MemberFdicLogo,
230
239
  Modal,
231
240
  MonthlyPaymentCalculator,
@@ -330,6 +339,7 @@ export {
330
339
  containerIconBillboard,
331
340
  content,
332
341
  copy,
342
+ datePicker,
333
343
  description,
334
344
  descriptionField,
335
345
  details,
@@ -11,7 +11,8 @@ const moreDomains = {
11
11
  "{UFBDIRECT}": "https://www.ufbdirect.com",
12
12
  "{ARMS}": "https://arms.axosadvisor.com",
13
13
  "{APPS}": "https://apps.axosbank.com",
14
- "{AFP}": "https://afp.axosbank.com"
14
+ "{AFP}": "https://afp.axosbank.com",
15
+ "{INVESTORS}": "https://investors.axosfinancial.com"
15
16
  // "assets.axos.com": "https://assets.axos.com",
16
17
  // "images.axos.com": "https://images.axos.com",
17
18
  };
@@ -19,8 +20,7 @@ const isAllowedUrl = (url) => {
19
20
  const uri = new URL(url, location.href);
20
21
  for (const key in moreDomains) {
21
22
  const urlToCompare = new URL(moreDomains[key], location.href);
22
- if (uri.hostname === urlToCompare.hostname)
23
- return true;
23
+ if (uri.hostname === urlToCompare.hostname) return true;
24
24
  }
25
25
  return false;
26
26
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.87",
4
+ "version": "0.0.90",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -28,7 +28,7 @@
28
28
  "npm:link": "npm run build && npm link"
29
29
  },
30
30
  "dependencies": {
31
- "@hookform/resolvers": "^3.6.0",
31
+ "@hookform/resolvers": "^3.9.0",
32
32
  "@react-input/mask": "^1.2.5",
33
33
  "@react-input/number-format": "^1.0.27",
34
34
  "@storybook/builder-vite": "^7.6.19",
@@ -41,13 +41,13 @@
41
41
  "iframe-resizer": "4.3.11",
42
42
  "moment": "^2.30.1",
43
43
  "react-date-picker": "^11.0.0",
44
- "react-hook-form": "^7.52.0",
44
+ "react-hook-form": "^7.52.1",
45
45
  "react-markdown": "^9.0.1",
46
- "react-use": "^17.5.0",
46
+ "react-use": "^17.5.1",
47
47
  "typed-css-modules": "^0.9.1",
48
48
  "vite-plugin-svgr": "^4.2.0",
49
49
  "zod": "^3.23.8",
50
- "zustand": "^4.5.2"
50
+ "zustand": "^4.5.4"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@vanilla-extract/css-utils": "^0.1.3",
@@ -71,8 +71,8 @@
71
71
  "@svgr/core": "^8.1.0",
72
72
  "@svgr/plugin-prettier": "^8.1.0",
73
73
  "@svgr/plugin-svgo": "^8.1.0",
74
- "@types/node": "^20.12.12",
75
- "@types/react": "^18.3.2",
74
+ "@types/node": "^20.14.11",
75
+ "@types/react": "^18.3.3",
76
76
  "@types/react-datepicker": "^6.2.0",
77
77
  "@types/react-dom": "^18.3.0",
78
78
  "@typescript-eslint/eslint-plugin": "^7.9.0",
@@ -86,7 +86,7 @@
86
86
  "eslint-plugin-react-hooks": "^4.6.2",
87
87
  "eslint-plugin-react-refresh": "^0.4.7",
88
88
  "eslint-plugin-storybook": "^0.8.0",
89
- "glob": "^10.3.15",
89
+ "glob": "^10.4.5",
90
90
  "husky": "^9.0.11",
91
91
  "next": "^14.1.4",
92
92
  "prettier": "3.2.5",
@@ -98,7 +98,7 @@
98
98
  "storybook": "^7.6.19",
99
99
  "typescript": "^5.4.5",
100
100
  "typescript-plugin-css-modules": "^5.1.0",
101
- "vite": "^5.2.11",
101
+ "vite": "^5.3.4",
102
102
  "vite-plugin-dts": "^3.9.1",
103
103
  "vite-plugin-lib-inject-css": "^2.1.1",
104
104
  "vite-plugin-setting-css-module": "^1.1.4",