@axos-web-dev/shared-components 1.0.22 → 1.0.24

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 (38) hide show
  1. package/dist/ATMLocator/ATMLocator.js +5 -5
  2. package/dist/Button/Button.js +1 -1
  3. package/dist/Calculators/BuyDownCalculator/index.js +22 -13
  4. package/dist/Carousel/index.js +1 -1
  5. package/dist/Chevron/index.js +1 -1
  6. package/dist/Comparison/Comparison.js +1 -1
  7. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  8. package/dist/FaqAccordion/index.js +1 -1
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  10. package/dist/Forms/ApplyNow.js +1 -1
  11. package/dist/Forms/ContactUsBusiness.js +1 -1
  12. package/dist/Forms/ContactUsNMLSId.js +1 -1
  13. package/dist/Forms/CraPublicFile.js +1 -1
  14. package/dist/Forms/EmailOnly.js +1 -1
  15. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  16. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  17. package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -5
  18. package/dist/Forms/SuccesForm.js +2 -2
  19. package/dist/Hyperlink/index.js +1 -1
  20. package/dist/ImageLink/ImageLink.js +1 -1
  21. package/dist/ImageLink/ImageLinkSet.js +1 -1
  22. package/dist/ImageLink/index.js +1 -1
  23. package/dist/Insight/Featured/CategorySelector.js +1 -1
  24. package/dist/Insight/Featured/Featured.js +1 -1
  25. package/dist/Insight/Featured/Header.js +1 -1
  26. package/dist/Modal/Modal.js +1 -1
  27. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  28. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  29. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  30. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
  31. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  32. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  33. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  34. package/dist/SetContainer/SetContainer.js +1 -1
  35. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  36. package/dist/VideoWrapper/index.js +1 -1
  37. package/dist/assets/globals.css +5 -5
  38. package/package.json +130 -130
@@ -31,7 +31,7 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
32
32
  /* empty css */
33
33
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
34
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
34
+ import "@hookform/resolvers/zod";
35
35
  import "../Input/Checkbox.js";
36
36
  import "../Input/CurrencyInput.js";
37
37
  import "../Input/Dropdown.js";
@@ -43,9 +43,9 @@ import "../Input/InputPhone.js";
43
43
  import "../Input/InputTextArea.js";
44
44
  import "../Input/DownPaymentInput.js";
45
45
  import "../Input/RadioButton.js";
46
- import "react-hook-form";
47
- import "@hookform/resolvers/zod";
48
46
  import "../Input/PercentageInput.js";
47
+ import "react-hook-form";
48
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  import "../Hyperlink/Hyperlink.css.js";
@@ -138,7 +138,7 @@ const ATMLocator = (props) => {
138
138
  "iframe",
139
139
  {
140
140
  id: "atmlocator",
141
- src: "https://axosbank.locatorsearch.com/index.aspx?' + iFrameUrl + '",
141
+ src: "https://axosbank.locatorsearch.net",
142
142
  height: "1000",
143
143
  width: "100%",
144
144
  name: "atmlocator",
@@ -147,7 +147,7 @@ const ATMLocator = (props) => {
147
147
  allow: "geolocation",
148
148
  scrolling: "no",
149
149
  title: "LocatorSearch",
150
- children: "Your browser doesn\\'t support iframes"
150
+ children: "Your browser does not support iframes"
151
151
  }
152
152
  ) }),
153
153
  /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
@@ -58,8 +58,8 @@ import "iframe-resizer";
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
61
  import "../Input/PercentageInput.js";
62
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
63
  /* empty css */
64
64
  /* empty css */
65
65
  /* empty css */
@@ -1,9 +1,11 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import "../../utils/allowedAxosDomains.js";
4
- import { getVariant } from "../../utils/getVariant.js";
3
+ import { zodResolver } from "@hookform/resolvers/zod";
4
+ import { Button } from "../../Button/Button.js";
5
+ import "../../Button/Button.css.js";
5
6
  import { useState } from "react";
6
- import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, limit_one, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
7
+ import "react-use";
8
+ import { Program, Fico, BuydownRate, BuydownTerm, LoanRates } from "../../Forms/FormEnums.js";
7
9
  import { Checkbox } from "../../Input/Checkbox.js";
8
10
  import { CurrencyInput } from "../../Input/CurrencyInput.js";
9
11
  import { Dropdown } from "../../Input/Dropdown.js";
@@ -15,15 +17,13 @@ import "../../Input/InputPhone.js";
15
17
  import "../../Input/InputTextArea.js";
16
18
  import "../../Input/DownPaymentInput.js";
17
19
  import { RadioButtonSet, RadioButton } from "../../Input/RadioButton.js";
18
- import { z } from "zod";
19
- import { useForm, FormProvider } from "react-hook-form";
20
- import { zodResolver } from "@hookform/resolvers/zod";
21
20
  import { PercentageInput } from "../../Input/PercentageInput.js";
22
- import { Program, Fico, BuydownRate, BuydownTerm, LoanRates } from "../../Forms/FormEnums.js";
23
- import { Button } from "../../Button/Button.js";
24
- import "../../Button/Button.css.js";
25
- import "react-use";
21
+ import "../../utils/allowedAxosDomains.js";
22
+ import { getVariant } from "../../utils/getVariant.js";
26
23
  import clsx from "clsx";
24
+ import { useForm, FormProvider } from "react-hook-form";
25
+ import { z } from "zod";
26
+ import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, limit_one, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
27
27
  const BuyDownCalculator = ({
28
28
  header,
29
29
  body,
@@ -66,7 +66,14 @@ const BuyDownCalculator = ({
66
66
  return formatToNumber(val);
67
67
  })
68
68
  }).superRefine((values, ctx) => {
69
- const { purchasePrice, downpayment, program } = values;
69
+ const { purchasePrice, downpayment, program, buydownTerm } = values;
70
+ if (program === "3/6 SOFR ARM" && (buydownTerm === 4 || buydownTerm === 5)) {
71
+ ctx.addIssue({
72
+ code: z.ZodIssueCode.custom,
73
+ path: ["buydownTerm"],
74
+ message: "Max buydown terms is 3 years"
75
+ });
76
+ }
70
77
  if (purchasePrice && downpayment) {
71
78
  const financedAmount2 = purchasePrice - downpayment;
72
79
  const range = getRange(financedAmount2);
@@ -505,7 +512,8 @@ const BuyDownCalculator = ({
505
512
  {
506
513
  id: "program",
507
514
  ...register("program", {
508
- required: true
515
+ required: true,
516
+ deps: ["buydownTerm"]
509
517
  }),
510
518
  label: "Program",
511
519
  sizes: "medium",
@@ -580,7 +588,8 @@ const BuyDownCalculator = ({
580
588
  {
581
589
  id: "buydownTerm",
582
590
  ...register("buydownTerm", {
583
- required: true
591
+ required: true,
592
+ deps: ["program"]
584
593
  }),
585
594
  label: "Buydown Term (1-5 Years)",
586
595
  sizes: "medium",
@@ -61,8 +61,8 @@ import "iframe-resizer";
61
61
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
63
63
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
64
  import "../Input/PercentageInput.js";
65
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
66
66
  /* empty css */
67
67
  /* empty css */
68
68
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../Input/PercentageInput.js";
61
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -59,8 +59,8 @@ import "iframe-resizer";
59
59
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
62
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
62
  import "../Input/PercentageInput.js";
63
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
64
  /* empty css */
65
65
  /* empty css */
66
66
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../../Input/PercentageInput.js";
60
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../Input/PercentageInput.js";
64
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -61,8 +61,8 @@ import "iframe-resizer";
61
61
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
63
63
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
64
  import "../Input/PercentageInput.js";
65
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
66
66
  /* empty css */
67
67
  /* empty css */
68
68
  /* empty css */
@@ -60,8 +60,8 @@ import "iframe-resizer";
60
60
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
62
62
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
63
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
63
  import "../../Input/PercentageInput.js";
64
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
65
65
  /* empty css */
66
66
  /* empty css */
67
67
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../../Input/PercentageInput.js";
61
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -677,7 +677,6 @@ const QuickPricer = ({
677
677
  ...register("Zip__c", { required: true }),
678
678
  label: "Zip Code",
679
679
  sizes: "medium",
680
- placeholder: "Zip Code",
681
680
  required: true,
682
681
  error: !!errors.Zip__c,
683
682
  helperText: errors.Zip__c?.message,
@@ -811,8 +810,7 @@ const QuickPricer = ({
811
810
  min: 4,
812
811
  max: 15
813
812
  }),
814
- label: "Company NMLS ID",
815
- placeholder: "Company NMLS ID",
813
+ label: "Individual NMLS ID",
816
814
  sizes: "medium",
817
815
  required: true,
818
816
  error: !!errors.NMLS__c,
@@ -832,7 +830,6 @@ const QuickPricer = ({
832
830
  }),
833
831
  label: "Email Address",
834
832
  sizes: "medium",
835
- placeholder: "Email",
836
833
  required: true,
837
834
  error: !!errors.Email_Address__c,
838
835
  helperText: errors.Email_Address__c?.message,
@@ -850,7 +847,6 @@ const QuickPricer = ({
850
847
  }),
851
848
  label: "Phone",
852
849
  sizes: "medium",
853
- placeholder: "Phone",
854
850
  required: true,
855
851
  error: !!errors.Cell_Phone__c,
856
852
  helperText: errors.Cell_Phone__c?.message,
@@ -31,7 +31,6 @@ import "iframe-resizer";
31
31
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
32
32
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
33
33
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
34
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
35
34
  import "../Input/Checkbox.js";
36
35
  import "../Input/CurrencyInput.js";
37
36
  import "../Input/Dropdown.js";
@@ -43,8 +42,9 @@ import "../Input/InputPhone.js";
43
42
  import "../Input/InputTextArea.js";
44
43
  import "../Input/DownPaymentInput.js";
45
44
  import "../Input/RadioButton.js";
46
- import "react-hook-form";
47
45
  import "../Input/PercentageInput.js";
46
+ import "react-hook-form";
47
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
48
48
  /* empty css */
49
49
  /* empty css */
50
50
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../Input/PercentageInput.js";
61
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -54,8 +54,8 @@ import "iframe-resizer";
54
54
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
55
55
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
56
56
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
57
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
58
57
  import "../Input/PercentageInput.js";
58
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
59
59
  /* empty css */
60
60
  /* empty css */
61
61
  /* empty css */
@@ -59,8 +59,8 @@ import "iframe-resizer";
59
59
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
61
61
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
62
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
62
  import "../Input/PercentageInput.js";
63
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
64
  /* empty css */
65
65
  /* empty css */
66
66
  /* empty css */
@@ -55,8 +55,8 @@ import "iframe-resizer";
55
55
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
56
56
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
59
58
  import "../Input/PercentageInput.js";
59
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
60
  /* empty css */
61
61
  /* empty css */
62
62
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../../Input/PercentageInput.js";
61
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -58,8 +58,8 @@ import "iframe-resizer";
58
58
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
61
  import "../../Input/PercentageInput.js";
62
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
63
  /* empty css */
64
64
  /* empty css */
65
65
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../../Input/PercentageInput.js";
60
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -55,8 +55,8 @@ import "iframe-resizer";
55
55
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
56
56
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
59
58
  import "../Input/PercentageInput.js";
59
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
60
  /* empty css */
61
61
  /* empty css */
62
62
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../../Input/PercentageInput.js";
60
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../../Input/PercentageInput.js";
61
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../../Input/PercentageInput.js";
60
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -58,8 +58,8 @@ import "iframe-resizer";
58
58
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
61
  import "../../Input/PercentageInput.js";
62
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
63
  /* empty css */
64
64
  /* empty css */
65
65
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../../Input/PercentageInput.js";
61
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../../Input/PercentageInput.js";
60
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../../Input/PercentageInput.js";
61
+ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -58,8 +58,8 @@ import "iframe-resizer";
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
61
  import "../Input/PercentageInput.js";
62
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
63
63
  /* empty css */
64
64
  /* empty css */
65
65
  /* empty css */
@@ -56,8 +56,8 @@ import "iframe-resizer";
56
56
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
60
59
  import "../Input/PercentageInput.js";
60
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
61
  /* empty css */
62
62
  /* empty css */
63
63
  /* empty css */
@@ -57,8 +57,8 @@ import "iframe-resizer";
57
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
61
60
  import "../Input/PercentageInput.js";
61
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
62
62
  /* empty css */
63
63
  /* empty css */
64
64
  /* empty css */
@@ -259,6 +259,11 @@ p:empty, ul:empty {
259
259
  width: calc(100% - 2rem);
260
260
  }
261
261
  }
262
+ @media screen and (max-width:1280px) {
263
+ .header_2 {
264
+ font-size: 2rem;
265
+ }
266
+ }
262
267
  @media screen and (max-width:768px) {
263
268
  .header_1 {
264
269
  font-size: 28px;
@@ -274,11 +279,6 @@ p:empty, ul:empty {
274
279
  margin-bottom: 1.5rem;
275
280
  }
276
281
  }
277
- @media screen and (max-width:1280px) {
278
- .header_2 {
279
- font-size: 2rem;
280
- }
281
- }
282
282
  @media screen and (max-width:320px) {
283
283
  .header_1 {
284
284
  font-size: 25px;
package/package.json CHANGED
@@ -1,130 +1,130 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "1.0.22",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@headlessui/react": "^2.2.0",
32
- "@hookform/resolvers": "^3.9.1",
33
- "@react-input/mask": "^1.2.15",
34
- "@react-input/number-format": "^1.1.3",
35
- "@storybook/icons": "^1.3.0",
36
- "@storybook/preview-api": "^8.4.7",
37
- "@types/iframe-resizer": "3.5.13",
38
- "@vanilla-extract/css": "^1.16.1",
39
- "@vanilla-extract/recipes": "^0.5.1",
40
- "antd": "^5.22.5",
41
- "clsx": "^2.1.1",
42
- "iframe-resizer": "^3.6.6",
43
- "lodash": "^4.17.21",
44
- "moment": "^2.30.1",
45
- "react-date-picker": "^11.0.0",
46
- "react-date-range": "^2.0.1",
47
- "react-hook-form": "^7.54.2",
48
- "react-markdown": "^9.0.1",
49
- "react-popper": "^2.3.0",
50
- "react-slick": "^0.30.2",
51
- "react-use": "^17.6.0",
52
- "react-wrap-balancer": "^1.1.1",
53
- "rsuite": "^5.75.0",
54
- "slick-carousel": "^1.8.1",
55
- "typed-css-modules": "^0.9.1",
56
- "vite-plugin-svgr": "^4.3.0",
57
- "zod": "^3.24.1",
58
- "zustand": "^4.5.5"
59
- },
60
- "peerDependencies": {
61
- "@vanilla-extract/css-utils": "^0.1.3",
62
- "@vanilla-extract/recipes": "^0.5.1",
63
- "@vanilla-extract/vite-plugin": "^4.0.3",
64
- "next": "^14.1.4",
65
- "react": "^18.2.0",
66
- "react-date-range": "^2.0.1",
67
- "react-dom": "^18.2.0",
68
- "react-popper": "^2.3.0",
69
- "react-slick": "^0.30.2",
70
- "slick-carousel": "^1.8.1"
71
- },
72
- "devDependencies": {
73
- "@chromatic-com/storybook": "^1.9.0",
74
- "@rollup/plugin-alias": "^5.1.1",
75
- "@storybook/addon-essentials": "^8.4.7",
76
- "@storybook/addon-interactions": "^8.4.7",
77
- "@storybook/addon-links": "^8.4.7",
78
- "@storybook/addon-mdx-gfm": "^8.4.7",
79
- "@storybook/addon-onboarding": "^8.4.7",
80
- "@storybook/addon-themes": "^8.4.7",
81
- "@storybook/blocks": "^8.4.7",
82
- "@storybook/react": "^8.4.7",
83
- "@storybook/react-vite": "^8.4.7",
84
- "@storybook/test": "^8.4.7",
85
- "@svgr/core": "^8.1.0",
86
- "@svgr/plugin-prettier": "^8.1.0",
87
- "@svgr/plugin-svgo": "^8.1.0",
88
- "@types/lodash": "^4.17.13",
89
- "@types/node": "^20.17.10",
90
- "@types/react": "^18.3.18",
91
- "@types/react-date-range": "^1.4.9",
92
- "@types/react-datepicker": "^6.2.0",
93
- "@types/react-dom": "^18.3.5",
94
- "@types/react-slick": "^0.23.13",
95
- "@typescript-eslint/eslint-plugin": "^7.18.0",
96
- "@typescript-eslint/parser": "^7.18.0",
97
- "@vanilla-extract/css-utils": "^0.1.4",
98
- "@vanilla-extract/recipes": "^0.5.5",
99
- "@vanilla-extract/vite-plugin": "^4.0.18",
100
- "@vitejs/plugin-react-swc": "^3.7.2",
101
- "esbuild-vanilla-image-loader": "^0.1.3",
102
- "eslint": "^8.57.1",
103
- "eslint-plugin-react-hooks": "^4.6.2",
104
- "eslint-plugin-react-refresh": "^0.4.16",
105
- "eslint-plugin-storybook": "^0.8.0",
106
- "glob": "^10.4.5",
107
- "husky": "^9.1.7",
108
- "next": "^14.1.4",
109
- "prettier": "3.2.5",
110
- "react": "^18.3.1",
111
- "react-dom": "^18.3.1",
112
- "rollup-plugin-preserve-directives": "^0.4.0",
113
- "rollup-plugin-svg-import": "^3.0.0",
114
- "rollup-plugin-svgo": "^2.0.0",
115
- "storybook": "^8.4.7",
116
- "typescript": "^5.7.2",
117
- "typescript-plugin-css-modules": "^5.1.0",
118
- "vite": "^5.4.11",
119
- "vite-plugin-dts": "^3.9.1",
120
- "vite-plugin-lib-inject-css": "^2.1.1",
121
- "vite-plugin-setting-css-module": "^1.1.4",
122
- "vite-tsconfig-paths": "^4.3.2"
123
- },
124
- "main": "index.js",
125
- "directories": {
126
- "lib": "lib"
127
- },
128
- "author": "axos-web-dev",
129
- "license": "ISC"
130
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "1.0.24",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@headlessui/react": "^2.2.0",
32
+ "@hookform/resolvers": "^3.9.1",
33
+ "@react-input/mask": "^1.2.15",
34
+ "@react-input/number-format": "^1.1.3",
35
+ "@storybook/icons": "^1.3.0",
36
+ "@storybook/preview-api": "^8.4.7",
37
+ "@types/iframe-resizer": "3.5.13",
38
+ "@vanilla-extract/css": "^1.16.1",
39
+ "@vanilla-extract/recipes": "^0.5.1",
40
+ "antd": "^5.22.5",
41
+ "clsx": "^2.1.1",
42
+ "iframe-resizer": "^3.6.6",
43
+ "lodash": "^4.17.21",
44
+ "moment": "^2.30.1",
45
+ "react-date-picker": "^11.0.0",
46
+ "react-date-range": "^2.0.1",
47
+ "react-hook-form": "^7.54.2",
48
+ "react-markdown": "^9.0.1",
49
+ "react-popper": "^2.3.0",
50
+ "react-slick": "^0.30.2",
51
+ "react-use": "^17.6.0",
52
+ "react-wrap-balancer": "^1.1.1",
53
+ "rsuite": "^5.75.0",
54
+ "slick-carousel": "^1.8.1",
55
+ "typed-css-modules": "^0.9.1",
56
+ "vite-plugin-svgr": "^4.3.0",
57
+ "zod": "^3.24.1",
58
+ "zustand": "^4.5.5"
59
+ },
60
+ "peerDependencies": {
61
+ "@vanilla-extract/css-utils": "^0.1.3",
62
+ "@vanilla-extract/recipes": "^0.5.1",
63
+ "@vanilla-extract/vite-plugin": "^4.0.3",
64
+ "next": "^14.1.4",
65
+ "react": "^18.2.0",
66
+ "react-date-range": "^2.0.1",
67
+ "react-dom": "^18.2.0",
68
+ "react-popper": "^2.3.0",
69
+ "react-slick": "^0.30.2",
70
+ "slick-carousel": "^1.8.1"
71
+ },
72
+ "devDependencies": {
73
+ "@chromatic-com/storybook": "^1.9.0",
74
+ "@rollup/plugin-alias": "^5.1.1",
75
+ "@storybook/addon-essentials": "^8.4.7",
76
+ "@storybook/addon-interactions": "^8.4.7",
77
+ "@storybook/addon-links": "^8.4.7",
78
+ "@storybook/addon-mdx-gfm": "^8.4.7",
79
+ "@storybook/addon-onboarding": "^8.4.7",
80
+ "@storybook/addon-themes": "^8.4.7",
81
+ "@storybook/blocks": "^8.4.7",
82
+ "@storybook/react": "^8.4.7",
83
+ "@storybook/react-vite": "^8.4.7",
84
+ "@storybook/test": "^8.4.7",
85
+ "@svgr/core": "^8.1.0",
86
+ "@svgr/plugin-prettier": "^8.1.0",
87
+ "@svgr/plugin-svgo": "^8.1.0",
88
+ "@types/lodash": "^4.17.13",
89
+ "@types/node": "^20.17.10",
90
+ "@types/react": "^18.3.18",
91
+ "@types/react-date-range": "^1.4.9",
92
+ "@types/react-datepicker": "^6.2.0",
93
+ "@types/react-dom": "^18.3.5",
94
+ "@types/react-slick": "^0.23.13",
95
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
96
+ "@typescript-eslint/parser": "^7.18.0",
97
+ "@vanilla-extract/css-utils": "^0.1.4",
98
+ "@vanilla-extract/recipes": "^0.5.5",
99
+ "@vanilla-extract/vite-plugin": "^4.0.18",
100
+ "@vitejs/plugin-react-swc": "^3.7.2",
101
+ "esbuild-vanilla-image-loader": "^0.1.3",
102
+ "eslint": "^8.57.1",
103
+ "eslint-plugin-react-hooks": "^4.6.2",
104
+ "eslint-plugin-react-refresh": "^0.4.16",
105
+ "eslint-plugin-storybook": "^0.8.0",
106
+ "glob": "^10.4.5",
107
+ "husky": "^9.1.7",
108
+ "next": "^14.1.4",
109
+ "prettier": "3.2.5",
110
+ "react": "^18.3.1",
111
+ "react-dom": "^18.3.1",
112
+ "rollup-plugin-preserve-directives": "^0.4.0",
113
+ "rollup-plugin-svg-import": "^3.0.0",
114
+ "rollup-plugin-svgo": "^2.0.0",
115
+ "storybook": "^8.4.7",
116
+ "typescript": "^5.7.2",
117
+ "typescript-plugin-css-modules": "^5.1.0",
118
+ "vite": "^5.4.11",
119
+ "vite-plugin-dts": "^3.9.1",
120
+ "vite-plugin-lib-inject-css": "^2.1.1",
121
+ "vite-plugin-setting-css-module": "^1.1.4",
122
+ "vite-tsconfig-paths": "^4.3.2"
123
+ },
124
+ "main": "index.js",
125
+ "directories": {
126
+ "lib": "lib"
127
+ },
128
+ "author": "axos-web-dev",
129
+ "license": "ISC"
130
+ }