@axos-web-dev/shared-components 0.0.75 → 0.0.77
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.
- package/dist/ATMLocator/ATMLocator.d.ts +2 -0
- package/dist/ATMLocator/ATMLocator.js +22 -0
- package/dist/ATMLocator/index.d.ts +1 -0
- package/dist/ATMLocator/index.js +4 -0
- package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +34 -0
- package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.js +34 -0
- package/dist/AnnualFeeCalculator/index.d.ts +10 -0
- package/dist/AnnualFeeCalculator/index.js +143 -0
- package/dist/ApyCalculator/ApyCalculator.css.d.ts +68 -3
- package/dist/ApyCalculator/ApyCalculator.css.js +29 -22
- package/dist/ApyCalculator/index.d.ts +7 -1
- package/dist/ApyCalculator/index.js +106 -87
- package/dist/ArticlesSet/ArticlesSet.js +2 -2
- package/dist/Calculators/Calculator.d.ts +2 -0
- package/dist/Calculators/Calculator.js +79 -34
- package/dist/Calculators/calculators.js +6 -0
- package/dist/Carousel/index.js +6 -4
- package/dist/Chevron/index.js +7 -5
- package/dist/Comparison/Comparison.js +4 -2
- package/dist/Comparison/ComparisonSet.js +6 -4
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +7 -5
- package/dist/Forms/CommercialLending.d.ts +1 -1
- package/dist/Forms/CommercialLending.js +16 -2
- package/dist/Forms/ContactUsAAS.js +6 -4
- package/dist/Forms/ContactUsBusiness.js +6 -4
- package/dist/Forms/ContactUsNMLSId.d.ts +10 -0
- package/dist/Forms/ContactUsNMLSId.js +263 -0
- package/dist/Forms/EmailOnly.js +6 -4
- package/dist/Forms/EmailUs.d.ts +1 -1
- package/dist/Forms/EmailUs.js +16 -2
- package/dist/Forms/SuccesForm.js +5 -3
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +2 -0
- package/dist/HeroBanner/HeroBanner.js +22 -4
- package/dist/HeroBanner/SelectionBanner.css.d.ts +10 -1
- package/dist/HeroBanner/SelectionBanner.css.js +1 -1
- package/dist/Hyperlink/index.js +7 -5
- package/dist/IconBillboard/IconBillboard.css.d.ts +2 -0
- package/dist/IconBillboard/IconBillboard.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +1 -0
- package/dist/ImageLink/ImageLink.js +5 -3
- package/dist/ImageLink/ImageLinkSet.js +4 -2
- package/dist/ImageLink/index.js +7 -5
- package/dist/Modal/Modal.js +6 -4
- package/dist/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +27 -0
- package/dist/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +22 -0
- package/dist/MonthlyPaymentCalculator/index.d.ts +8 -0
- package/dist/MonthlyPaymentCalculator/index.js +212 -0
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +31 -18
- package/dist/NavigationMenu/NavItem/index.js +1 -2
- package/dist/SetContainer/SetContainer.js +6 -4
- package/dist/SocialMediaBar/iconsRepository.js +34 -34
- package/dist/StepItemSet/StepItemSet.js +2 -2
- package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css +125 -0
- package/dist/assets/ApyCalculator/ApyCalculator.css +77 -98
- package/dist/assets/CallToActionBar/CallToActionBar.css +4 -0
- package/dist/assets/HeroBanner/SelectionBanner.css +10 -4
- package/dist/assets/IconBillboard/IconBillboard.css +4 -0
- package/dist/assets/ImageBillboard/ImageBillboard.css +1 -0
- package/dist/assets/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +67 -0
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +154 -150
- package/dist/assets/SetContainer/SetContainer.css +3 -0
- package/dist/assets/Tab/Tab.css +1 -1
- package/dist/assets/globals.css +3 -0
- package/dist/main.d.ts +3 -2
- package/dist/main.js +61 -57
- package/package.json +1 -1
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -28,13 +28,15 @@ import "../Accordion/Accordion.js";
|
|
|
28
28
|
import "../Accordion/Accordion.css.js";
|
|
29
29
|
import "../Chevron/Chevron.css.js";
|
|
30
30
|
import "../AlertBanner/AlertBanner.css.js";
|
|
31
|
-
|
|
31
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
32
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
32
33
|
import "../Article/Article.css.js";
|
|
33
34
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
34
35
|
/* empty css */
|
|
35
36
|
/* empty css */
|
|
36
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
37
37
|
/* empty css */
|
|
38
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
39
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
38
40
|
import "iframe-resizer";
|
|
39
41
|
import "../Calculators/calculator.css.js";
|
|
40
42
|
/* empty css */
|
|
@@ -57,12 +59,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
|
|
|
57
59
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
58
60
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
59
61
|
/* empty css */
|
|
60
|
-
import "next/link.js";
|
|
61
62
|
/* empty css */
|
|
62
63
|
/* empty css */
|
|
63
64
|
/* empty css */
|
|
64
65
|
/* empty css */
|
|
65
66
|
import "next/image.js";
|
|
67
|
+
import "next/link.js";
|
|
66
68
|
/* empty css */
|
|
67
69
|
/* empty css */
|
|
68
70
|
/* empty css */
|
package/dist/Forms/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from './ContactCompany';
|
|
|
4
4
|
export * from './ContactUs';
|
|
5
5
|
export * from './ContactUsAAS';
|
|
6
6
|
export * from './ContactUsBusiness';
|
|
7
|
+
export * from './ContactUsNMLSId';
|
|
7
8
|
export * from './DealerServices';
|
|
8
9
|
export * from './EmailOnly';
|
|
9
10
|
export * from './EmailUs';
|
package/dist/Forms/index.js
CHANGED
|
@@ -4,6 +4,7 @@ import { ContactCompany } from "./ContactCompany.js";
|
|
|
4
4
|
import { ContactUs } from "./ContactUs.js";
|
|
5
5
|
import { ContactUsAAS } from "./ContactUsAAS.js";
|
|
6
6
|
import { ContactUsBusiness } from "./ContactUsBusiness.js";
|
|
7
|
+
import { ContactUsNMLSId } from "./ContactUsNMLSId.js";
|
|
7
8
|
import { DealerServices } from "./DealerServices.js";
|
|
8
9
|
import { EmailOnly } from "./EmailOnly.js";
|
|
9
10
|
import { EmailUs } from "./EmailUs.js";
|
|
@@ -20,6 +21,7 @@ export {
|
|
|
20
21
|
ContactUs,
|
|
21
22
|
ContactUsAAS,
|
|
22
23
|
ContactUsBusiness,
|
|
24
|
+
ContactUsNMLSId,
|
|
23
25
|
DealerServices,
|
|
24
26
|
EmailOnly,
|
|
25
27
|
EmailUs,
|
|
@@ -8,7 +8,7 @@ import { getVariant } from "../utils/getVariant.js";
|
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img } from "./HeroBanner.css.js";
|
|
10
10
|
import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
|
|
11
|
-
import { selection_section, selection_section_bg, selection_section_content, selection_headline_text
|
|
11
|
+
import { selection_section_icon, selection_section_icon_img, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
|
|
12
12
|
const HeroBanner = ({
|
|
13
13
|
id,
|
|
14
14
|
eyebrow,
|
|
@@ -65,15 +65,33 @@ const HeroBanner = ({
|
|
|
65
65
|
variant: variant2,
|
|
66
66
|
displayText,
|
|
67
67
|
targetUrl,
|
|
68
|
-
type
|
|
69
|
-
|
|
68
|
+
type,
|
|
69
|
+
icon
|
|
70
|
+
}) => type === "Button" ? /* @__PURE__ */ jsxs(
|
|
70
71
|
Button,
|
|
71
72
|
{
|
|
72
73
|
targetUrl,
|
|
73
74
|
color: getVariant(variant2),
|
|
74
75
|
size: "large",
|
|
75
76
|
rounded: "medium",
|
|
76
|
-
|
|
77
|
+
square: icon !== void 0,
|
|
78
|
+
children: [
|
|
79
|
+
typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
|
|
80
|
+
"span",
|
|
81
|
+
{
|
|
82
|
+
style: {
|
|
83
|
+
mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
|
|
84
|
+
WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
|
|
85
|
+
},
|
|
86
|
+
className: clsx(
|
|
87
|
+
selection_section_icon_img({
|
|
88
|
+
variant: getVariant(variant2)
|
|
89
|
+
})
|
|
90
|
+
)
|
|
91
|
+
}
|
|
92
|
+
) }) : null,
|
|
93
|
+
displayText
|
|
94
|
+
]
|
|
77
95
|
},
|
|
78
96
|
id2
|
|
79
97
|
) : /* @__PURE__ */ jsx(
|
|
@@ -21,4 +21,13 @@ export declare const selection_section: string;
|
|
|
21
21
|
export declare const selection_section_bg: string;
|
|
22
22
|
export declare const selection_section_content: string;
|
|
23
23
|
export declare const selection_section_icon: string;
|
|
24
|
-
export declare const selection_section_icon_img:
|
|
24
|
+
export declare const selection_section_icon_img: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
25
|
+
variant: {
|
|
26
|
+
primary: {
|
|
27
|
+
backgroundColor: "#4A5560";
|
|
28
|
+
};
|
|
29
|
+
secondary: {};
|
|
30
|
+
tertiary: {};
|
|
31
|
+
quaternary: {};
|
|
32
|
+
};
|
|
33
|
+
}>;
|
|
@@ -8,7 +8,7 @@ var selection_section = "_7etqoq5";
|
|
|
8
8
|
var selection_section_bg = "_7etqoq6";
|
|
9
9
|
var selection_section_content = "_7etqoq7";
|
|
10
10
|
var selection_section_icon = "_7etqoq8";
|
|
11
|
-
var selection_section_icon_img = "_7etqoq9";
|
|
11
|
+
var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
|
|
12
12
|
export {
|
|
13
13
|
selection_headline_text,
|
|
14
14
|
selection_section,
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -10,21 +10,22 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
import "../Chevron/Chevron.css.js";
|
|
12
12
|
import "../AlertBanner/AlertBanner.css.js";
|
|
13
|
+
import "../Button/Button.css.js";
|
|
14
|
+
import "react";
|
|
15
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
13
16
|
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
14
17
|
import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
|
|
15
18
|
import { validateLink } from "../utils/validateExternalLinks.js";
|
|
16
19
|
import "clsx";
|
|
17
|
-
import "react";
|
|
18
|
-
import "../Button/Button.css.js";
|
|
19
20
|
import "react-use";
|
|
20
|
-
|
|
21
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
21
22
|
import "../Article/Article.css.js";
|
|
22
23
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
23
24
|
/* empty css */
|
|
24
25
|
/* empty css */
|
|
25
26
|
/* empty css */
|
|
26
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
27
27
|
/* empty css */
|
|
28
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
29
|
import "@hookform/resolvers/zod";
|
|
29
30
|
import "../Input/Checkbox.js";
|
|
30
31
|
import "../Input/CurrencyInput.js";
|
|
@@ -39,6 +40,7 @@ import "../Forms/Forms.css.js";
|
|
|
39
40
|
import "../Forms/SalesforceFieldsForm.js";
|
|
40
41
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
41
42
|
import "../Input/RadioButton.js";
|
|
43
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
42
44
|
import "iframe-resizer";
|
|
43
45
|
import "../Calculators/calculator.css.js";
|
|
44
46
|
/* empty css */
|
|
@@ -60,12 +62,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
60
62
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
61
63
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
62
64
|
/* empty css */
|
|
63
|
-
import "next/link.js";
|
|
64
65
|
/* empty css */
|
|
65
66
|
/* empty css */
|
|
66
67
|
/* empty css */
|
|
67
68
|
/* empty css */
|
|
68
69
|
import "next/image.js";
|
|
70
|
+
import "next/link.js";
|
|
69
71
|
/* empty css */
|
|
70
72
|
/* empty css */
|
|
71
73
|
/* empty css */
|
|
@@ -5,9 +5,11 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
|
|
|
5
5
|
primary: {
|
|
6
6
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
7
|
border: "1px solid #D4D4D4";
|
|
8
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
9
|
};
|
|
9
10
|
secondary: {
|
|
10
11
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
13
|
};
|
|
12
14
|
tertiary: {
|
|
13
15
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -31,7 +31,7 @@ const IconBillboard = (props) => {
|
|
|
31
31
|
children: [
|
|
32
32
|
/* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
|
|
33
33
|
icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt }) }),
|
|
34
|
-
/* @__PURE__ */ jsxs("div", { className: content, children: [
|
|
34
|
+
/* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
|
|
35
35
|
/* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
|
|
36
36
|
/* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
|
|
37
37
|
/* @__PURE__ */ jsx("div", { children: body })
|
|
@@ -3,6 +3,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
3
3
|
primary: {
|
|
4
4
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
5
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
border: "1px solid #D4D4D4";
|
|
6
7
|
};
|
|
7
8
|
secondary: {
|
|
8
9
|
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -14,14 +14,15 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
14
14
|
import "../Accordion/Accordion.js";
|
|
15
15
|
import "../Accordion/Accordion.css.js";
|
|
16
16
|
import "../AlertBanner/AlertBanner.css.js";
|
|
17
|
-
|
|
17
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
18
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
18
19
|
import "../Article/Article.css.js";
|
|
19
20
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
20
21
|
/* empty css */
|
|
21
22
|
/* empty css */
|
|
22
23
|
/* empty css */
|
|
23
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
24
24
|
/* empty css */
|
|
25
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
25
26
|
import "@hookform/resolvers/zod";
|
|
26
27
|
import "../Input/Checkbox.js";
|
|
27
28
|
import "../Input/CurrencyInput.js";
|
|
@@ -36,6 +37,7 @@ import "../Forms/Forms.css.js";
|
|
|
36
37
|
import "../Forms/SalesforceFieldsForm.js";
|
|
37
38
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
38
39
|
import "../Input/RadioButton.js";
|
|
40
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
39
41
|
import "iframe-resizer";
|
|
40
42
|
import "../Calculators/calculator.css.js";
|
|
41
43
|
/* empty css */
|
|
@@ -56,12 +58,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
|
|
|
56
58
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
57
59
|
import "../Chevron/Chevron.css.js";
|
|
58
60
|
/* empty css */
|
|
59
|
-
import "next/link.js";
|
|
60
61
|
/* empty css */
|
|
61
62
|
/* empty css */
|
|
62
63
|
/* empty css */
|
|
63
64
|
/* empty css */
|
|
64
65
|
import "next/image.js";
|
|
66
|
+
import "next/link.js";
|
|
65
67
|
/* empty css */
|
|
66
68
|
/* empty css */
|
|
67
69
|
/* empty css */
|
|
@@ -20,11 +20,12 @@ import "../SetContainer/SetContainer.css.js";
|
|
|
20
20
|
import "../Accordion/Accordion.js";
|
|
21
21
|
import "../Accordion/Accordion.css.js";
|
|
22
22
|
import "../AlertBanner/AlertBanner.css.js";
|
|
23
|
-
|
|
23
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
24
24
|
import "../Article/Article.css.js";
|
|
25
25
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
26
26
|
/* empty css */
|
|
27
27
|
/* empty css */
|
|
28
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
29
|
import "@hookform/resolvers/zod";
|
|
29
30
|
import "../Input/Checkbox.js";
|
|
30
31
|
import "../Input/CurrencyInput.js";
|
|
@@ -39,6 +40,7 @@ import "../Forms/Forms.css.js";
|
|
|
39
40
|
import "../Forms/SalesforceFieldsForm.js";
|
|
40
41
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
41
42
|
import "../Input/RadioButton.js";
|
|
43
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
42
44
|
import "iframe-resizer";
|
|
43
45
|
import "../Calculators/calculator.css.js";
|
|
44
46
|
/* empty css */
|
|
@@ -62,12 +64,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
|
62
64
|
import "../Chevron/Chevron.css.js";
|
|
63
65
|
/* empty css */
|
|
64
66
|
import "../Modal/contextApi/store.js";
|
|
65
|
-
import "next/link.js";
|
|
66
67
|
/* empty css */
|
|
67
68
|
/* empty css */
|
|
68
69
|
/* empty css */
|
|
69
70
|
/* empty css */
|
|
70
71
|
import "next/image.js";
|
|
72
|
+
import "next/link.js";
|
|
71
73
|
/* empty css */
|
|
72
74
|
/* empty css */
|
|
73
75
|
/* empty css */
|
package/dist/ImageLink/index.js
CHANGED
|
@@ -9,19 +9,20 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
import "../Chevron/Chevron.css.js";
|
|
11
11
|
import "../AlertBanner/AlertBanner.css.js";
|
|
12
|
+
import "../Button/Button.css.js";
|
|
13
|
+
import "react";
|
|
14
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
12
15
|
import "../Modal/contextApi/store.js";
|
|
13
16
|
import "clsx";
|
|
14
|
-
import "react";
|
|
15
|
-
import "../Button/Button.css.js";
|
|
16
17
|
import "react-use";
|
|
17
|
-
|
|
18
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
18
19
|
import "../Article/Article.css.js";
|
|
19
20
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
20
21
|
/* empty css */
|
|
21
22
|
/* empty css */
|
|
22
23
|
/* empty css */
|
|
23
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
24
24
|
/* empty css */
|
|
25
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
25
26
|
import "@hookform/resolvers/zod";
|
|
26
27
|
import "../Input/Checkbox.js";
|
|
27
28
|
import "../Input/CurrencyInput.js";
|
|
@@ -36,6 +37,7 @@ import "../Forms/Forms.css.js";
|
|
|
36
37
|
import "../Forms/SalesforceFieldsForm.js";
|
|
37
38
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
38
39
|
import "../Input/RadioButton.js";
|
|
40
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
39
41
|
import "iframe-resizer";
|
|
40
42
|
import "../Calculators/calculator.css.js";
|
|
41
43
|
/* empty css */
|
|
@@ -58,12 +60,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
|
|
|
58
60
|
import { ImageLinkSet } from "./ImageLinkSet.js";
|
|
59
61
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
60
62
|
/* empty css */
|
|
61
|
-
import "next/link.js";
|
|
62
63
|
/* empty css */
|
|
63
64
|
/* empty css */
|
|
64
65
|
/* empty css */
|
|
65
66
|
/* empty css */
|
|
66
67
|
import "next/image.js";
|
|
68
|
+
import "next/link.js";
|
|
67
69
|
/* empty css */
|
|
68
70
|
/* empty css */
|
|
69
71
|
/* empty css */
|
package/dist/Modal/Modal.js
CHANGED
|
@@ -9,18 +9,19 @@ import "../icons/CheckIcon/CheckIcon.css.js";
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
import "../AlertBanner/AlertBanner.css.js";
|
|
12
|
-
import { Button } from "../Button/Button.js";
|
|
13
12
|
import "../Button/Button.css.js";
|
|
14
13
|
import "react";
|
|
14
|
+
import "../ApyCalculator/ApyCalculator.css.js";
|
|
15
|
+
import { Button } from "../Button/Button.js";
|
|
15
16
|
import "react-use";
|
|
16
|
-
|
|
17
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
17
18
|
import "../Article/Article.css.js";
|
|
18
19
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
19
20
|
/* empty css */
|
|
20
21
|
/* empty css */
|
|
21
22
|
/* empty css */
|
|
22
|
-
import "../IconBillboard/IconBillboard.css.js";
|
|
23
23
|
/* empty css */
|
|
24
|
+
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
24
25
|
import "@hookform/resolvers/zod";
|
|
25
26
|
import "../Input/Checkbox.js";
|
|
26
27
|
import "../Input/CurrencyInput.js";
|
|
@@ -36,6 +37,7 @@ import "../Forms/Forms.css.js";
|
|
|
36
37
|
import "../Forms/SalesforceFieldsForm.js";
|
|
37
38
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
38
39
|
import "../Input/RadioButton.js";
|
|
40
|
+
import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
39
41
|
import "iframe-resizer";
|
|
40
42
|
import "../Calculators/calculator.css.js";
|
|
41
43
|
/* empty css */
|
|
@@ -57,12 +59,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
57
59
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
58
60
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
59
61
|
import "./contextApi/store.js";
|
|
60
|
-
import "next/link.js";
|
|
61
62
|
/* empty css */
|
|
62
63
|
/* empty css */
|
|
63
64
|
/* empty css */
|
|
64
65
|
/* empty css */
|
|
65
66
|
import "next/image.js";
|
|
67
|
+
import "next/link.js";
|
|
66
68
|
/* empty css */
|
|
67
69
|
/* empty css */
|
|
68
70
|
/* empty css */
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
+
variant: {
|
|
3
|
+
primary: {
|
|
4
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
};
|
|
7
|
+
secondary: {
|
|
8
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
};
|
|
11
|
+
tertiary: {
|
|
12
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
};
|
|
15
|
+
quaternary: {
|
|
16
|
+
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
}>;
|
|
21
|
+
export declare const input_container: string;
|
|
22
|
+
export declare const input_box: string;
|
|
23
|
+
export declare const payment_results: string;
|
|
24
|
+
export declare const calc_container: string;
|
|
25
|
+
export declare const inputs_container: string;
|
|
26
|
+
export declare const calculation_header: string;
|
|
27
|
+
export declare const error_message: string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
5
|
+
var container = createRuntimeFn({ defaultClassName: "_17fwn0a0", variantClassNames: { variant: { primary: "_17fwn0a1", secondary: "_17fwn0a2", tertiary: "_17fwn0a3", quaternary: "_17fwn0a4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
|
+
var input_container = "_17fwn0a5";
|
|
7
|
+
var input_box = "_17fwn0a6";
|
|
8
|
+
var payment_results = "_17fwn0a7";
|
|
9
|
+
var calc_container = "_17fwn0a8";
|
|
10
|
+
var inputs_container = "_17fwn0a9";
|
|
11
|
+
var calculation_header = "_17fwn0aa";
|
|
12
|
+
var error_message = "_17fwn0ab";
|
|
13
|
+
export {
|
|
14
|
+
calc_container,
|
|
15
|
+
calculation_header,
|
|
16
|
+
container,
|
|
17
|
+
error_message,
|
|
18
|
+
input_box,
|
|
19
|
+
input_container,
|
|
20
|
+
inputs_container,
|
|
21
|
+
payment_results
|
|
22
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React, FC } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MonthlyPaymentCalculatorProps {
|
|
4
|
+
header?: React.ReactNode | string;
|
|
5
|
+
body?: React.ReactNode | string;
|
|
6
|
+
variant?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const MonthlyPaymentCalculator: FC<MonthlyPaymentCalculatorProps>;
|