@axos-web-dev/shared-components 0.0.84 → 0.0.85

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 (30) hide show
  1. package/dist/Calculators/AnnualFeeCalculator/index.d.ts +1 -1
  2. package/dist/Calculators/AnnualFeeCalculator/index.js +3 -3
  3. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +109 -0
  4. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +41 -0
  5. package/dist/Calculators/BalanceAPYCalculator/index.d.ts +10 -0
  6. package/dist/Calculators/BalanceAPYCalculator/index.js +192 -0
  7. package/dist/Calculators/Calculator.d.ts +1 -1
  8. package/dist/Calculators/Calculator.js +19 -7
  9. package/dist/Carousel/index.js +6 -5
  10. package/dist/Chevron/index.js +6 -5
  11. package/dist/Comparison/Comparison.js +6 -5
  12. package/dist/Comparison/ComparisonSet.js +6 -5
  13. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -5
  14. package/dist/Forms/ContactUsAAS.js +6 -62
  15. package/dist/Forms/ContactUsBusiness.js +6 -5
  16. package/dist/Forms/ContactUsNMLSId.js +6 -5
  17. package/dist/Forms/EmailOnly.js +6 -5
  18. package/dist/Forms/SuccesForm.js +7 -6
  19. package/dist/Hyperlink/index.js +6 -5
  20. package/dist/ImageLink/ImageLink.js +6 -5
  21. package/dist/ImageLink/ImageLinkSet.js +6 -5
  22. package/dist/ImageLink/index.js +6 -5
  23. package/dist/Modal/Modal.js +6 -5
  24. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -5
  25. package/dist/SetContainer/SetContainer.js +6 -5
  26. package/dist/Table/Table.d.ts +1 -1
  27. package/dist/Table/Table.interface.d.ts +5 -3
  28. package/dist/Table/Table.js +11 -3
  29. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +200 -0
  30. package/package.json +3 -1
package/dist/Forms/ContactUsAAS.js CHANGED
@@ -1,6 +1,10 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
+ import { Button } from "../Button/Button.js";
5
+ import "../Button/Button.css.js";
6
+ import "react";
7
+ import "react-use";
4
8
  import "../Input/Checkbox.js";
5
9
  import "../Input/CurrencyInput.js";
6
10
  import { Dropdown } from "../Input/Dropdown.js";
@@ -10,6 +14,7 @@ import { Input } from "../Input/Input.js";
10
14
  import "../Input/Input.css.js";
11
15
  import { InputPhone } from "../Input/InputPhone.js";
12
16
  import { InputTextArea } from "../Input/InputTextArea.js";
17
+ import { LoadingIndicator } from "../LoadingIndicator/index.js";
13
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
14
19
  import SvgAxosX from "../icons/AxosX/index.js";
15
20
  import SvgComponent from "../icons/AxosX/Blue.js";
@@ -18,74 +23,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
18
23
  /* empty css */
19
24
  /* empty css */
20
25
  /* empty css */
21
- import "../Accordion/Accordion.js";
22
- import "../Accordion/Accordion.css.js";
23
26
  import { getVariant } from "../utils/getVariant.js";
24
- import "../Chevron/Chevron.css.js";
25
- import "../AlertBanner/AlertBanner.css.js";
26
- import "../Article/Article.css.js";
27
- import "../ArticlesSet/ArticlesSet.css.js";
28
- /* empty css */
29
- /* empty css */
30
- import "next/image.js";
31
- import "../IconBillboard/IconBillboard.css.js";
32
- /* empty css */
33
- import { Button } from "../Button/Button.js";
34
- import "../Button/Button.css.js";
35
- import "react";
36
- import "react-use";
37
27
  import clsx from "clsx";
38
28
  import { useForm, FormProvider } from "react-hook-form";
39
29
  import { z } from "zod";
30
+ import { CurrentAssets, Roles } from "./FormEnums.js";
40
31
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
41
32
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
42
- import { LoadingIndicator } from "../LoadingIndicator/index.js";
43
- import "../Input/RadioButton.js";
44
- import "iframe-resizer";
45
- import "../Calculators/calculator.css.js";
46
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
47
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
48
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
49
- /* empty css */
50
- /* empty css */
51
- import "../Carousel/index.js";
52
- /* empty css */
53
- import "../Comparison/Comparison.css.js";
54
- import "../HeroBanner/HeroBanner.css.js";
55
- import "../HeroBanner/LargeBanner.css.js";
56
- import "../HeroBanner/SelectionBanner.css.js";
57
- import "../SetContainer/SetContainer.css.js";
58
- import "../Tab/Tab.css.js";
59
- import "../icons/Star/Star.css.js";
60
- import "../ContentBanner/ContentBanner.css.js";
61
- /* empty css */
62
- import "../ExecutiveBio/ExecutiveBio.css.js";
63
- import "../FaqAccordion/index.js";
64
- import "../FooterDisclosure/FooterDisclosure.css.js";
65
- /* empty css */
66
- import "../ImageBillboard/ImageBillboard.css.js";
67
- import "../LandingPageHeader/LandingPageHeader.css.js";
68
- /* empty css */
69
- import "../Modal/contextApi/store.js";
70
- /* empty css */
71
- /* empty css */
72
- /* empty css */
73
- /* empty css */
74
- import "next/link.js";
75
- /* empty css */
76
- /* empty css */
77
- /* empty css */
78
- /* empty css */
79
- import "../StepItem/StepItem.css.js";
80
- import "../StepItemSet/StepItemSet.css.js";
81
- import "../Table/Table.css.js";
82
- /* empty css */
83
- /* empty css */
84
- /* empty css */
85
- import "next/script.js";
86
- /* empty css */
87
- /* empty css */
88
- import { CurrentAssets, Roles } from "./FormEnums.js";
89
33
  const ContactUsAAS = ({
90
34
  icon = false,
91
35
  children,
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -34,6 +34,10 @@ import { Button } from "../Button/Button.js";
34
34
  import "../Button/Button.css.js";
35
35
  import "react";
36
36
  import "react-use";
37
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
39
+ /* empty css */
40
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
37
41
  import clsx from "clsx";
38
42
  import { useForm, FormProvider } from "react-hook-form";
39
43
  import { z } from "zod";
@@ -42,11 +46,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
42
46
  import "../LoadingIndicator/LoadingIndicator.css.js";
43
47
  import "../Input/RadioButton.js";
44
48
  import "iframe-resizer";
49
+ import "../Table/Table.css.js";
50
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
45
51
  import "../Calculators/calculator.css.js";
46
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
47
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
48
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
49
- /* empty css */
50
52
  /* empty css */
51
53
  import "../Carousel/index.js";
52
54
  /* empty css */
@@ -78,7 +80,6 @@ import "next/link.js";
78
80
  /* empty css */
79
81
  import "../StepItem/StepItem.css.js";
80
82
  import "../StepItemSet/StepItemSet.css.js";
81
- import "../Table/Table.css.js";
82
83
  /* empty css */
83
84
  /* empty css */
84
85
  /* empty css */
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -34,6 +34,10 @@ import { Button } from "../Button/Button.js";
34
34
  import "../Button/Button.css.js";
35
35
  import "react";
36
36
  import "react-use";
37
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
39
+ /* empty css */
40
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
37
41
  import clsx from "clsx";
38
42
  import { useForm, FormProvider } from "react-hook-form";
39
43
  import { z } from "zod";
@@ -42,11 +46,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
42
46
  import "../LoadingIndicator/LoadingIndicator.css.js";
43
47
  import "../Input/RadioButton.js";
44
48
  import "iframe-resizer";
49
+ import "../Table/Table.css.js";
50
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
45
51
  import "../Calculators/calculator.css.js";
46
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
47
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
48
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
49
- /* empty css */
50
52
  /* empty css */
51
53
  import "../Carousel/index.js";
52
54
  /* empty css */
@@ -78,7 +80,6 @@ import "next/link.js";
78
80
  /* empty css */
79
81
  import "../StepItem/StepItem.css.js";
80
82
  import "../StepItemSet/StepItemSet.css.js";
81
- import "../Table/Table.css.js";
82
83
  /* empty css */
83
84
  /* empty css */
84
85
  /* empty css */
package/dist/Forms/EmailOnly.js CHANGED
@@ -35,6 +35,10 @@ import { Button } from "../Button/Button.js";
35
35
  import "../Button/Button.css.js";
36
36
  import "react";
37
37
  import "react-use";
38
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
39
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
40
+ /* empty css */
41
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
38
42
  import clsx from "clsx";
39
43
  import { useForm, FormProvider } from "react-hook-form";
40
44
  import { z } from "zod";
@@ -43,11 +47,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
43
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
48
  import "../Input/RadioButton.js";
45
49
  import "iframe-resizer";
50
+ import "../Table/Table.css.js";
51
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
52
  import "../Calculators/calculator.css.js";
47
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
48
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
50
- /* empty css */
51
53
  /* empty css */
52
54
  import "../Carousel/index.js";
53
55
  /* empty css */
@@ -79,7 +81,6 @@ import "next/link.js";
79
81
  /* empty css */
80
82
  import "../StepItem/StepItem.css.js";
81
83
  import "../StepItemSet/StepItemSet.css.js";
82
- import "../Table/Table.css.js";
83
84
  /* empty css */
84
85
  /* empty css */
85
86
  /* empty css */
package/dist/Forms/SuccesForm.js CHANGED
@@ -24,6 +24,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
24
24
  import "react-hook-form";
25
25
  import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
26
26
  import "./SalesforceFieldsForm.js";
27
+ import "../LoadingIndicator/LoadingIndicator.css.js";
27
28
  import "../Accordion/Accordion.js";
28
29
  import "../Accordion/Accordion.css.js";
29
30
  import "../Chevron/Chevron.css.js";
@@ -35,12 +36,14 @@ import "../ArticlesSet/ArticlesSet.css.js";
35
36
  import "next/image.js";
36
37
  import "../IconBillboard/IconBillboard.css.js";
37
38
  /* empty css */
38
- import "iframe-resizer";
39
- import "../Calculators/calculator.css.js";
40
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
41
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
42
39
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
40
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
43
41
  /* empty css */
42
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
+ import "iframe-resizer";
44
+ import "../Table/Table.css.js";
45
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
+ import "../Calculators/calculator.css.js";
44
47
  /* empty css */
45
48
  import "../Carousel/index.js";
46
49
  /* empty css */
@@ -59,7 +62,6 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
59
62
  /* empty css */
60
63
  import "../ImageBillboard/ImageBillboard.css.js";
61
64
  import "../LandingPageHeader/LandingPageHeader.css.js";
62
- import "../LoadingIndicator/LoadingIndicator.css.js";
63
65
  /* empty css */
64
66
  /* empty css */
65
67
  /* empty css */
@@ -72,7 +74,6 @@ import "next/link.js";
72
74
  /* empty css */
73
75
  import "../StepItem/StepItem.css.js";
74
76
  import "../StepItemSet/StepItemSet.css.js";
75
- import "../Table/Table.css.js";
76
77
  /* empty css */
77
78
  /* empty css */
78
79
  /* empty css */
package/dist/Hyperlink/index.js CHANGED
@@ -25,6 +25,10 @@ import "clsx";
25
25
  import "react";
26
26
  import "../Button/Button.css.js";
27
27
  import "react-use";
28
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
+ /* empty css */
31
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
28
32
  import "@hookform/resolvers/zod";
29
33
  import "../Input/Checkbox.js";
30
34
  import "../Input/CurrencyInput.js";
@@ -40,11 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
40
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
41
45
  import "../Input/RadioButton.js";
42
46
  import "iframe-resizer";
47
+ import "../Table/Table.css.js";
48
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
43
49
  import "../Calculators/calculator.css.js";
44
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
45
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
46
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
47
- /* empty css */
48
50
  /* empty css */
49
51
  import "../Carousel/index.js";
50
52
  /* empty css */
@@ -75,7 +77,6 @@ import "next/link.js";
75
77
  /* empty css */
76
78
  import "../StepItem/StepItem.css.js";
77
79
  import "../StepItemSet/StepItemSet.css.js";
78
- import "../Table/Table.css.js";
79
80
  /* empty css */
80
81
  /* empty css */
81
82
  /* empty css */
package/dist/ImageLink/ImageLink.js CHANGED
@@ -22,6 +22,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
22
22
  import "next/image.js";
23
23
  import "../IconBillboard/IconBillboard.css.js";
24
24
  /* empty css */
25
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
27
+ /* empty css */
28
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
25
29
  import "@hookform/resolvers/zod";
26
30
  import "../Input/Checkbox.js";
27
31
  import "../Input/CurrencyInput.js";
@@ -37,11 +41,9 @@ import "../Forms/SalesforceFieldsForm.js";
37
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
38
42
  import "../Input/RadioButton.js";
39
43
  import "iframe-resizer";
44
+ import "../Table/Table.css.js";
45
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
40
46
  import "../Calculators/calculator.css.js";
41
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
42
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
44
- /* empty css */
45
47
  /* empty css */
46
48
  import "../Carousel/index.js";
47
49
  /* empty css */
@@ -71,7 +73,6 @@ import "next/link.js";
71
73
  /* empty css */
72
74
  import "../StepItem/StepItem.css.js";
73
75
  import "../StepItemSet/StepItemSet.css.js";
74
- import "../Table/Table.css.js";
75
76
  /* empty css */
76
77
  /* empty css */
77
78
  /* empty css */
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -25,6 +25,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
25
25
  /* empty css */
26
26
  /* empty css */
27
27
  import "next/image.js";
28
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
+ /* empty css */
31
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
28
32
  import "@hookform/resolvers/zod";
29
33
  import "../Input/Checkbox.js";
30
34
  import "../Input/CurrencyInput.js";
@@ -40,11 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
40
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
41
45
  import "../Input/RadioButton.js";
42
46
  import "iframe-resizer";
47
+ import "../Table/Table.css.js";
48
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
43
49
  import "../Calculators/calculator.css.js";
44
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
45
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
46
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
47
- /* empty css */
48
50
  /* empty css */
49
51
  import "../Carousel/index.js";
50
52
  /* empty css */
@@ -77,7 +79,6 @@ import "next/link.js";
77
79
  /* empty css */
78
80
  import "../StepItem/StepItem.css.js";
79
81
  import "../StepItemSet/StepItemSet.css.js";
80
- import "../Table/Table.css.js";
81
82
  /* empty css */
82
83
  /* empty css */
83
84
  /* empty css */
package/dist/ImageLink/index.js CHANGED
@@ -22,6 +22,10 @@ import "clsx";
22
22
  import "react";
23
23
  import "../Button/Button.css.js";
24
24
  import "react-use";
25
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
27
+ /* empty css */
28
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
25
29
  import "@hookform/resolvers/zod";
26
30
  import "../Input/Checkbox.js";
27
31
  import "../Input/CurrencyInput.js";
@@ -37,11 +41,9 @@ import "../Forms/SalesforceFieldsForm.js";
37
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
38
42
  import "../Input/RadioButton.js";
39
43
  import "iframe-resizer";
44
+ import "../Table/Table.css.js";
45
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
40
46
  import "../Calculators/calculator.css.js";
41
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
42
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
44
- /* empty css */
45
47
  /* empty css */
46
48
  import "../Carousel/index.js";
47
49
  /* empty css */
@@ -73,7 +75,6 @@ import "next/link.js";
73
75
  /* empty css */
74
76
  import "../StepItem/StepItem.css.js";
75
77
  import "../StepItemSet/StepItemSet.css.js";
76
- import "../Table/Table.css.js";
77
78
  /* empty css */
78
79
  /* empty css */
79
80
  /* empty css */
package/dist/Modal/Modal.js CHANGED
@@ -21,6 +21,10 @@ import { Button } from "../Button/Button.js";
21
21
  import "../Button/Button.css.js";
22
22
  import "react";
23
23
  import "react-use";
24
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
25
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
+ /* empty css */
27
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
24
28
  import "@hookform/resolvers/zod";
25
29
  import "../Input/Checkbox.js";
26
30
  import "../Input/CurrencyInput.js";
@@ -37,11 +41,9 @@ import "../Forms/SalesforceFieldsForm.js";
37
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
38
42
  import "../Input/RadioButton.js";
39
43
  import "iframe-resizer";
44
+ import "../Table/Table.css.js";
45
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
40
46
  import "../Calculators/calculator.css.js";
41
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
42
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
44
- /* empty css */
45
47
  /* empty css */
46
48
  import "../Carousel/index.js";
47
49
  /* empty css */
@@ -72,7 +74,6 @@ import "next/link.js";
72
74
  /* empty css */
73
75
  import "../StepItem/StepItem.css.js";
74
76
  import "../StepItemSet/StepItemSet.css.js";
75
- import "../Table/Table.css.js";
76
77
  /* empty css */
77
78
  /* empty css */
78
79
  /* empty css */
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -24,6 +24,10 @@ import "clsx";
24
24
  import { useState, useEffect } from "react";
25
25
  import "../../Button/Button.css.js";
26
26
  import { useLocation } from "react-use";
27
+ import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
+ import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
29
+ /* empty css */
30
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
27
31
  import "@hookform/resolvers/zod";
28
32
  import "../../Input/Checkbox.js";
29
33
  import "../../Input/CurrencyInput.js";
@@ -39,11 +43,9 @@ import "../../Forms/SalesforceFieldsForm.js";
39
43
  import "../../LoadingIndicator/LoadingIndicator.css.js";
40
44
  import "../../Input/RadioButton.js";
41
45
  import "iframe-resizer";
46
+ import "../../Table/Table.css.js";
47
+ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
42
48
  import "../../Calculators/calculator.css.js";
43
- import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
44
- import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
45
- import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
46
- /* empty css */
47
49
  /* empty css */
48
50
  import "../../Carousel/index.js";
49
51
  /* empty css */
@@ -75,7 +77,6 @@ import { subNavItems } from "./NavData.js";
75
77
  /* empty css */
76
78
  import "../../StepItem/StepItem.css.js";
77
79
  import "../../StepItemSet/StepItemSet.css.js";
78
- import "../../Table/Table.css.js";
79
80
  /* empty css */
80
81
  /* empty css */
81
82
  /* empty css */
package/dist/SetContainer/SetContainer.js CHANGED
@@ -24,6 +24,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
24
24
  import "next/image.js";
25
25
  import { header_section } from "../IconBillboard/IconBillboard.css.js";
26
26
  /* empty css */
27
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
+ /* empty css */
30
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
27
31
  import "@hookform/resolvers/zod";
28
32
  import "../Input/Checkbox.js";
29
33
  import "../Input/CurrencyInput.js";
@@ -39,11 +43,9 @@ import "../Forms/SalesforceFieldsForm.js";
39
43
  import "../LoadingIndicator/LoadingIndicator.css.js";
40
44
  import "../Input/RadioButton.js";
41
45
  import "iframe-resizer";
46
+ import "../Table/Table.css.js";
47
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
42
48
  import "../Calculators/calculator.css.js";
43
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
45
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
46
- /* empty css */
47
49
  /* empty css */
48
50
  import "../Carousel/index.js";
49
51
  /* empty css */
@@ -73,7 +75,6 @@ import "next/link.js";
73
75
  /* empty css */
74
76
  import "../StepItem/StepItem.css.js";
75
77
  import "../StepItemSet/StepItemSet.css.js";
76
- import "../Table/Table.css.js";
77
78
  /* empty css */
78
79
  /* empty css */
79
80
  /* empty css */
package/dist/Table/Table.d.ts CHANGED
@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
2
2
  import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
3
3
 
4
4
  export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
5
- export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, }: TableProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
7
7
  export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
8
8
  export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
package/dist/Table/Table.interface.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
1
+ import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
2
2
 
3
3
  export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
4
4
  }
@@ -12,13 +12,15 @@ export interface TableProps extends PropsWithChildren {
12
12
  highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
13
13
  tableType?: "Standard" | "Rate";
14
14
  alternateColorRows?: boolean;
15
+ style?: CSSProperties;
16
+ className?: string;
15
17
  }
16
18
  export interface TableContainerProps extends PropsWithChildren {
17
19
  id?: string;
18
20
  variant: string;
19
- tableTitle: ReactNode | string;
21
+ tableTitle?: ReactNode | string;
20
22
  tableBody?: ReactNode | string;
21
- tableFooter: ReactNode | string;
23
+ tableFooter?: ReactNode | string;
22
24
  tableType?: string;
23
25
  tableDescription?: ReactNode | string;
24
26
  internalName?: string;
package/dist/Table/Table.js CHANGED
@@ -33,13 +33,21 @@ const Table = ({
33
33
  children,
34
34
  highlight,
35
35
  tableType = "Standard",
36
- alternateColorRows = false
36
+ alternateColorRows = false,
37
+ style,
38
+ className
37
39
  }) => {
38
40
  return /* @__PURE__ */ jsx(
39
41
  "div",
40
42
  {
41
- className: tableWrapper({ variant: getVariant(variant) }),
42
- style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
43
+ className: clsx(
44
+ tableWrapper({ variant: getVariant(variant) }),
45
+ className
46
+ ),
47
+ style: {
48
+ ...tableType === "Rate" ? { width: "90%", border: "none" } : {},
49
+ ...style
50
+ },
43
51
  children: /* @__PURE__ */ jsx(
44
52
  "table",
45
53
  {