@axos-web-dev/shared-components 0.0.92 → 0.0.93
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.js +13 -11
- package/dist/Accordion/Accordion.css.d.ts +9 -9
- package/dist/Button/Button.d.ts +3 -7
- package/dist/Button/Button.js +119 -18
- package/dist/Calculators/Calculator.js +25 -23
- package/dist/Calculators/MarginTradingCalculator/index.js +1 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +6 -5
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +16 -1
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +7 -7
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +9 -8
- package/dist/Carousel/index.js +14 -12
- package/dist/Chevron/Chevron.interface.d.ts +2 -0
- package/dist/Chevron/index.js +44 -24
- package/dist/Comparison/Comparison.js +11 -9
- package/dist/Comparison/ComparisonSet.js +16 -14
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +18 -16
- package/dist/Forms/ApplicationStart.js +3 -2
- package/dist/Forms/CommercialLending.js +3 -2
- package/dist/Forms/ContactCompany.js +3 -2
- package/dist/Forms/ContactUs.js +3 -2
- package/dist/Forms/ContactUsAAS.js +3 -2
- package/dist/Forms/ContactUsBusiness.js +11 -9
- package/dist/Forms/ContactUsNMLSId.js +11 -9
- package/dist/Forms/DealerServices.js +3 -2
- package/dist/Forms/EmailOnly.js +11 -9
- package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
- package/dist/Forms/ScheduleCall.js +7 -3
- package/dist/Forms/ScheduleCallPremier.js +3 -2
- package/dist/Forms/SuccesForm.js +28 -26
- package/dist/Forms/WcplSurvey.js +3 -2
- package/dist/Hyperlink/Hyperlink.css.d.ts +26 -0
- package/dist/Hyperlink/Hyperlink.css.js +6 -0
- package/dist/Hyperlink/Hyperlink.interface.d.ts +1 -0
- package/dist/Hyperlink/index.js +26 -19
- package/dist/IconBillboard/IconBillboard.js +10 -1
- package/dist/ImageLink/ImageLink.js +16 -15
- package/dist/ImageLink/ImageLinkSet.js +8 -6
- package/dist/ImageLink/index.js +17 -15
- package/dist/Input/Checkbox.d.ts +1 -1
- package/dist/Input/CurrencyInput.js +3 -2
- package/dist/Input/DatePicker.css.d.ts +1 -0
- package/dist/Input/DatePicker.css.js +6 -0
- package/dist/Input/Datepicker.d.ts +3 -0
- package/dist/Input/Datepicker.js +47 -0
- package/dist/Input/InputDate.css.d.ts +6 -0
- package/dist/Input/InputDate.css.js +15 -0
- package/dist/Input/InputDate.d.ts +3 -0
- package/dist/Input/InputDate.js +47 -0
- package/dist/Input/InputPhone.js +3 -2
- package/dist/Input/InputProps.d.ts +6 -0
- package/dist/Input/index.d.ts +3 -0
- package/dist/Input/index.js +6 -0
- package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -0
- package/dist/Interstitial/Interstitial-variants.css.js +6 -2
- package/dist/Interstitial/Interstitial.d.ts +5 -3
- package/dist/Interstitial/Interstitial.js +30 -5
- package/dist/Modal/Modal.js +11 -9
- package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +0 -1
- package/dist/NavigationMenu/AxosAdvisorServices/index.js +0 -16
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +18 -16
- package/dist/SetContainer/SetContainer.js +18 -16
- package/dist/Table/Table.d.ts +11 -11
- package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +19 -6
- package/dist/assets/Hyperlink/Hyperlink.css +22 -0
- package/dist/assets/Input/DatePicker.css +95 -0
- package/dist/assets/Input/InputDate.css +39 -0
- package/dist/assets/Interstitial/Interstitial-variants.css +9 -0
- package/dist/main.d.ts +4 -4
- package/dist/main.js +69 -63
- package/package.json +1 -1
- package/dist/Interstitial/index.d.ts +0 -1
- package/dist/Interstitial/index.js +0 -22
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -2,32 +2,23 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { getVariant } from "../utils/getVariant.js";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import "@hookform/resolvers/zod";
|
|
5
|
-
import "../
|
|
6
|
-
import "react";
|
|
7
|
-
import "../Button/Button.css.js";
|
|
8
|
-
import "react-use";
|
|
9
|
-
import "../Input/Checkbox.js";
|
|
10
|
-
import "../Input/CurrencyInput.js";
|
|
11
|
-
import "../Input/Dropdown.js";
|
|
12
|
-
/* empty css */
|
|
13
|
-
/* empty css */
|
|
14
|
-
import "../Input/Input.js";
|
|
15
|
-
import "../Input/Input.css.js";
|
|
16
|
-
import "../Input/InputPhone.js";
|
|
17
|
-
import "../Input/InputTextArea.js";
|
|
5
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
18
6
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
19
7
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
20
8
|
/* empty css */
|
|
21
9
|
/* empty css */
|
|
22
10
|
/* empty css */
|
|
23
11
|
/* empty css */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
import "
|
|
27
|
-
import "../
|
|
28
|
-
import "../
|
|
29
|
-
import "../
|
|
12
|
+
/* empty css */
|
|
13
|
+
/* empty css */
|
|
14
|
+
import "../Accordion/Accordion.js";
|
|
15
|
+
import "../Accordion/Accordion.css.js";
|
|
16
|
+
import "../AlertBanner/AlertBanner.css.js";
|
|
17
|
+
import "../Article/Article.css.js";
|
|
18
|
+
import "../ArticlesSet/ArticlesSet.css.js";
|
|
19
|
+
import "react";
|
|
30
20
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
21
|
+
import "../Button/Button.css.js";
|
|
31
22
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
32
23
|
import "../Table/Table.css.js";
|
|
33
24
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -35,17 +26,12 @@ import "iframe-resizer";
|
|
|
35
26
|
import "../Calculators/calculator.css.js";
|
|
36
27
|
/* empty css */
|
|
37
28
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
38
|
-
import "../Accordion/Accordion.js";
|
|
39
|
-
import "../Accordion/Accordion.css.js";
|
|
40
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
41
|
-
import "../Article/Article.css.js";
|
|
42
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
43
29
|
/* empty css */
|
|
44
30
|
/* empty css */
|
|
45
31
|
import "next/image.js";
|
|
46
|
-
/* empty css */
|
|
47
32
|
/* empty css */
|
|
48
33
|
import "../Carousel/index.js";
|
|
34
|
+
import "../Hyperlink/Hyperlink.css.js";
|
|
49
35
|
/* empty css */
|
|
50
36
|
import "../Comparison/Comparison.css.js";
|
|
51
37
|
import "../HeroBanner/HeroBanner.css.js";
|
|
@@ -61,9 +47,21 @@ import "../FaqAccordion/index.js";
|
|
|
61
47
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
62
48
|
/* empty css */
|
|
63
49
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
64
|
-
import "../
|
|
50
|
+
import "../Input/Checkbox.js";
|
|
51
|
+
import "../Input/CurrencyInput.js";
|
|
52
|
+
import "../Input/Input.css.js";
|
|
53
|
+
/* empty css */
|
|
54
|
+
import "../Input/Dropdown.js";
|
|
55
|
+
/* empty css */
|
|
56
|
+
import "../Input/Input.js";
|
|
57
|
+
import "../Input/InputPhone.js";
|
|
58
|
+
import "../Input/InputTextArea.js";
|
|
65
59
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
60
|
+
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
61
|
+
import "../Chevron/Chevron.css.js";
|
|
66
62
|
/* empty css */
|
|
63
|
+
import "../Modal/contextApi/store.js";
|
|
64
|
+
import "react-use";
|
|
67
65
|
/* empty css */
|
|
68
66
|
/* empty css */
|
|
69
67
|
/* empty css */
|
|
@@ -83,6 +81,10 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
83
81
|
import "next/script.js";
|
|
84
82
|
/* empty css */
|
|
85
83
|
/* empty css */
|
|
84
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
85
|
+
import "react-hook-form";
|
|
86
|
+
import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
|
|
87
|
+
import "./SalesforceFieldsForm.js";
|
|
86
88
|
import "../Input/RadioButton.js";
|
|
87
89
|
function SuccesFormWrapper({
|
|
88
90
|
children,
|
package/dist/Forms/WcplSurvey.js
CHANGED
|
@@ -7,11 +7,12 @@ import "react";
|
|
|
7
7
|
import "react-use";
|
|
8
8
|
import "../Input/Checkbox.js";
|
|
9
9
|
import "../Input/CurrencyInput.js";
|
|
10
|
-
import "../Input/
|
|
10
|
+
import "../Input/Input.css.js";
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../Input/Dropdown.js";
|
|
12
14
|
/* empty css */
|
|
13
15
|
import "../Input/Input.js";
|
|
14
|
-
import "../Input/Input.css.js";
|
|
15
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
16
17
|
import { InputTextArea } from "../Input/InputTextArea.js";
|
|
17
18
|
import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
+
variant: {
|
|
3
|
+
primary: {
|
|
4
|
+
color: "#0062B3";
|
|
5
|
+
selectors: {
|
|
6
|
+
"&:hover": {
|
|
7
|
+
textDecoration: "underline";
|
|
8
|
+
textDecorationColor: "#0062B3";
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
secondary: {
|
|
13
|
+
color: "#FAA74A";
|
|
14
|
+
selectors: {
|
|
15
|
+
"&:hover": {
|
|
16
|
+
textDecoration: "underline";
|
|
17
|
+
textDecorationColor: "#FAA74A";
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
default: {
|
|
22
|
+
color: "inherit";
|
|
23
|
+
textDecoration: "underline";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
+
var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
|
|
4
|
+
export {
|
|
5
|
+
hyperlink
|
|
6
|
+
};
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -1,32 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { validateLink } from "../utils/validateExternalLinks.js";
|
|
6
|
-
import "clsx";
|
|
7
|
-
import "react";
|
|
8
|
-
import "../Button/Button.css.js";
|
|
3
|
+
import "../Accordion/Accordion.js";
|
|
4
|
+
import "../Accordion/Accordion.css.js";
|
|
9
5
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
10
6
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
11
7
|
/* empty css */
|
|
12
8
|
/* empty css */
|
|
13
9
|
/* empty css */
|
|
14
10
|
/* empty css */
|
|
11
|
+
import "react";
|
|
15
12
|
import "../Chevron/Chevron.css.js";
|
|
13
|
+
import "../AlertBanner/AlertBanner.css.js";
|
|
14
|
+
import "../Article/Article.css.js";
|
|
15
|
+
import "../ArticlesSet/ArticlesSet.css.js";
|
|
16
16
|
import "../IconBillboard/IconBillboard.css.js";
|
|
17
|
+
/* empty css */
|
|
18
|
+
/* empty css */
|
|
19
|
+
import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
|
|
20
|
+
import { validateLink } from "../utils/validateExternalLinks.js";
|
|
21
|
+
import "../Button/Button.css.js";
|
|
22
|
+
import "react-use";
|
|
23
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
24
|
+
/* empty css */
|
|
25
|
+
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
26
|
+
import clsx from "clsx";
|
|
17
27
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
18
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
19
|
-
import "react-use";
|
|
20
29
|
import "../Table/Table.css.js";
|
|
21
30
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
22
31
|
import "@hookform/resolvers/zod";
|
|
23
32
|
import "../Input/Checkbox.js";
|
|
24
33
|
import "../Input/CurrencyInput.js";
|
|
34
|
+
import "../Input/Input.css.js";
|
|
35
|
+
/* empty css */
|
|
25
36
|
import "../Input/Dropdown.js";
|
|
26
|
-
/* empty css */
|
|
27
37
|
/* empty css */
|
|
28
38
|
import "../Input/Input.js";
|
|
29
|
-
import "../Input/Input.css.js";
|
|
30
39
|
import "../Input/InputPhone.js";
|
|
31
40
|
import "../Input/InputTextArea.js";
|
|
32
41
|
import "react-hook-form";
|
|
@@ -38,15 +47,9 @@ import "iframe-resizer";
|
|
|
38
47
|
import "../Calculators/calculator.css.js";
|
|
39
48
|
/* empty css */
|
|
40
49
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
41
|
-
import "../Accordion/Accordion.js";
|
|
42
|
-
import "../Accordion/Accordion.css.js";
|
|
43
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
44
|
-
import "../Article/Article.css.js";
|
|
45
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
46
50
|
/* empty css */
|
|
47
51
|
/* empty css */
|
|
48
52
|
import "next/image.js";
|
|
49
|
-
/* empty css */
|
|
50
53
|
/* empty css */
|
|
51
54
|
import "../Carousel/index.js";
|
|
52
55
|
/* empty css */
|
|
@@ -64,9 +67,7 @@ import "../FaqAccordion/index.js";
|
|
|
64
67
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
65
68
|
/* empty css */
|
|
66
69
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
67
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
68
70
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
69
|
-
/* empty css */
|
|
70
71
|
/* empty css */
|
|
71
72
|
/* empty css */
|
|
72
73
|
/* empty css */
|
|
@@ -86,13 +87,16 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
86
87
|
import "next/script.js";
|
|
87
88
|
/* empty css */
|
|
88
89
|
/* empty css */
|
|
90
|
+
import { hyperlink } from "./Hyperlink.css.js";
|
|
89
91
|
const Hyperlink = ({
|
|
90
92
|
children,
|
|
91
93
|
targetUrl,
|
|
92
94
|
id,
|
|
93
95
|
className,
|
|
94
|
-
ariaLabel
|
|
96
|
+
ariaLabel,
|
|
97
|
+
variant = "default"
|
|
95
98
|
}) => {
|
|
99
|
+
const hyperlink_variant = variant.toLowerCase();
|
|
96
100
|
const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
|
|
97
101
|
const onClick = (e) => {
|
|
98
102
|
if (targetUrl) {
|
|
@@ -110,7 +114,10 @@ const Hyperlink = ({
|
|
|
110
114
|
{
|
|
111
115
|
id: id ? id : "",
|
|
112
116
|
href: findMoreAxosDomains(targetUrl),
|
|
113
|
-
className:
|
|
117
|
+
className: clsx(
|
|
118
|
+
className ? className : "",
|
|
119
|
+
variant === "default" ? hyperlink({ variant: "default" }) : hyperlink_variant.includes("primary") || hyperlink_variant.includes("secondary") ? hyperlink({ variant: "primary" }) : hyperlink({ variant: "secondary" })
|
|
120
|
+
),
|
|
114
121
|
onClick,
|
|
115
122
|
"aria-label": ariaLabel,
|
|
116
123
|
children
|
|
@@ -40,13 +40,21 @@ const IconBillboard = (props) => {
|
|
|
40
40
|
] })
|
|
41
41
|
] }),
|
|
42
42
|
callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
|
|
43
|
-
({
|
|
43
|
+
({
|
|
44
|
+
id,
|
|
45
|
+
variant: variant2,
|
|
46
|
+
displayText,
|
|
47
|
+
targetUrl,
|
|
48
|
+
type,
|
|
49
|
+
marketingIntersitial
|
|
50
|
+
}) => type === "Button" ? /* @__PURE__ */ jsx(
|
|
44
51
|
Button,
|
|
45
52
|
{
|
|
46
53
|
targetUrl,
|
|
47
54
|
color: getVariant(variant2),
|
|
48
55
|
size: "medium",
|
|
49
56
|
rounded: "medium",
|
|
57
|
+
marketingIntersitial,
|
|
50
58
|
children: displayText
|
|
51
59
|
},
|
|
52
60
|
id
|
|
@@ -55,6 +63,7 @@ const IconBillboard = (props) => {
|
|
|
55
63
|
{
|
|
56
64
|
targetUrl,
|
|
57
65
|
variant: getVariant(variant2),
|
|
66
|
+
marketingIntersitial,
|
|
58
67
|
children: displayText
|
|
59
68
|
},
|
|
60
69
|
id
|
|
@@ -1,29 +1,34 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Hyperlink } from "../Hyperlink/index.js";
|
|
3
|
-
import "../
|
|
4
|
-
import "clsx";
|
|
5
|
-
import { isValidElement } from "react";
|
|
6
|
-
import "../Button/Button.css.js";
|
|
7
|
-
import "react-use";
|
|
3
|
+
import "../IconBillboard/IconBillboard.css.js";
|
|
8
4
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
9
5
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
10
6
|
/* empty css */
|
|
11
7
|
/* empty css */
|
|
12
8
|
/* empty css */
|
|
13
9
|
/* empty css */
|
|
14
|
-
|
|
10
|
+
/* empty css */
|
|
11
|
+
/* empty css */
|
|
12
|
+
import "../Accordion/Accordion.js";
|
|
13
|
+
import "../Accordion/Accordion.css.js";
|
|
14
|
+
import "../AlertBanner/AlertBanner.css.js";
|
|
15
|
+
import "../Article/Article.css.js";
|
|
16
|
+
import "../ArticlesSet/ArticlesSet.css.js";
|
|
17
|
+
import { isValidElement } from "react";
|
|
15
18
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
19
|
+
import "../Button/Button.css.js";
|
|
16
20
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
21
|
+
import "clsx";
|
|
17
22
|
import "../Table/Table.css.js";
|
|
18
23
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
19
24
|
import "@hookform/resolvers/zod";
|
|
20
25
|
import "../Input/Checkbox.js";
|
|
21
26
|
import "../Input/CurrencyInput.js";
|
|
27
|
+
import "../Input/Input.css.js";
|
|
28
|
+
/* empty css */
|
|
22
29
|
import "../Input/Dropdown.js";
|
|
23
|
-
/* empty css */
|
|
24
30
|
/* empty css */
|
|
25
31
|
import "../Input/Input.js";
|
|
26
|
-
import "../Input/Input.css.js";
|
|
27
32
|
import "../Input/InputPhone.js";
|
|
28
33
|
import "../Input/InputTextArea.js";
|
|
29
34
|
import "react-hook-form";
|
|
@@ -35,15 +40,9 @@ import "iframe-resizer";
|
|
|
35
40
|
import "../Calculators/calculator.css.js";
|
|
36
41
|
/* empty css */
|
|
37
42
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
38
|
-
import "../Accordion/Accordion.js";
|
|
39
|
-
import "../Accordion/Accordion.css.js";
|
|
40
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
41
|
-
import "../Article/Article.css.js";
|
|
42
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
43
43
|
/* empty css */
|
|
44
44
|
/* empty css */
|
|
45
45
|
import "next/image.js";
|
|
46
|
-
/* empty css */
|
|
47
46
|
/* empty css */
|
|
48
47
|
import "../Carousel/index.js";
|
|
49
48
|
/* empty css */
|
|
@@ -59,10 +58,11 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
59
58
|
/* empty css */
|
|
60
59
|
import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
|
|
61
60
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
62
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
63
61
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
64
62
|
import "../Chevron/Chevron.css.js";
|
|
65
63
|
/* empty css */
|
|
64
|
+
import "../Modal/contextApi/store.js";
|
|
65
|
+
import "react-use";
|
|
66
66
|
/* empty css */
|
|
67
67
|
/* empty css */
|
|
68
68
|
/* empty css */
|
|
@@ -82,6 +82,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
82
82
|
import "next/script.js";
|
|
83
83
|
/* empty css */
|
|
84
84
|
/* empty css */
|
|
85
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
85
86
|
import "../HeroBanner/LargeBanner.css.js";
|
|
86
87
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
87
88
|
const ImageLink = ({
|
|
@@ -17,6 +17,11 @@ import "react";
|
|
|
17
17
|
import "react-use";
|
|
18
18
|
import { SetContainer } from "../SetContainer/SetContainer.js";
|
|
19
19
|
import "../SetContainer/SetContainer.css.js";
|
|
20
|
+
import "../Accordion/Accordion.js";
|
|
21
|
+
import "../Accordion/Accordion.css.js";
|
|
22
|
+
import "../AlertBanner/AlertBanner.css.js";
|
|
23
|
+
import "../Article/Article.css.js";
|
|
24
|
+
import "../ArticlesSet/ArticlesSet.css.js";
|
|
20
25
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
21
26
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
22
27
|
import "../Table/Table.css.js";
|
|
@@ -24,10 +29,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
|
24
29
|
import "@hookform/resolvers/zod";
|
|
25
30
|
import "../Input/Checkbox.js";
|
|
26
31
|
import "../Input/CurrencyInput.js";
|
|
32
|
+
import "../Input/Input.css.js";
|
|
33
|
+
/* empty css */
|
|
27
34
|
import "../Input/Dropdown.js";
|
|
28
35
|
/* empty css */
|
|
29
36
|
import "../Input/Input.js";
|
|
30
|
-
import "../Input/Input.css.js";
|
|
31
37
|
import "../Input/InputPhone.js";
|
|
32
38
|
import "../Input/InputTextArea.js";
|
|
33
39
|
import "react-hook-form";
|
|
@@ -39,16 +45,12 @@ import "iframe-resizer";
|
|
|
39
45
|
import "../Calculators/calculator.css.js";
|
|
40
46
|
/* empty css */
|
|
41
47
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
42
|
-
import "../Accordion/Accordion.js";
|
|
43
|
-
import "../Accordion/Accordion.css.js";
|
|
44
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
45
|
-
import "../Article/Article.css.js";
|
|
46
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
47
48
|
/* empty css */
|
|
48
49
|
/* empty css */
|
|
49
50
|
import "next/image.js";
|
|
50
51
|
/* empty css */
|
|
51
52
|
import "../Carousel/index.js";
|
|
53
|
+
import "../Hyperlink/Hyperlink.css.js";
|
|
52
54
|
/* empty css */
|
|
53
55
|
import "../Comparison/Comparison.css.js";
|
|
54
56
|
import "../Tab/Tab.css.js";
|
package/dist/ImageLink/index.js
CHANGED
|
@@ -1,29 +1,38 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import "../
|
|
3
|
-
import "
|
|
4
|
-
import "react";
|
|
5
|
-
import "../Button/Button.css.js";
|
|
2
|
+
import "../Accordion/Accordion.js";
|
|
3
|
+
import "../Accordion/Accordion.css.js";
|
|
6
4
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
7
5
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
8
6
|
/* empty css */
|
|
9
7
|
/* empty css */
|
|
10
8
|
/* empty css */
|
|
11
9
|
/* empty css */
|
|
10
|
+
import "react";
|
|
12
11
|
import "../Chevron/Chevron.css.js";
|
|
12
|
+
import "../AlertBanner/AlertBanner.css.js";
|
|
13
|
+
import "../Article/Article.css.js";
|
|
14
|
+
import "../ArticlesSet/ArticlesSet.css.js";
|
|
13
15
|
import "../IconBillboard/IconBillboard.css.js";
|
|
16
|
+
/* empty css */
|
|
17
|
+
/* empty css */
|
|
18
|
+
import "../Button/Button.css.js";
|
|
19
|
+
import "react-use";
|
|
20
|
+
import "../Interstitial/Interstitial-variants.css.js";
|
|
21
|
+
/* empty css */
|
|
22
|
+
import "../Modal/contextApi/store.js";
|
|
23
|
+
import "clsx";
|
|
14
24
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
15
25
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
16
|
-
import "react-use";
|
|
17
26
|
import "../Table/Table.css.js";
|
|
18
27
|
import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
19
28
|
import "@hookform/resolvers/zod";
|
|
20
29
|
import "../Input/Checkbox.js";
|
|
21
30
|
import "../Input/CurrencyInput.js";
|
|
31
|
+
import "../Input/Input.css.js";
|
|
32
|
+
/* empty css */
|
|
22
33
|
import "../Input/Dropdown.js";
|
|
23
|
-
/* empty css */
|
|
24
34
|
/* empty css */
|
|
25
35
|
import "../Input/Input.js";
|
|
26
|
-
import "../Input/Input.css.js";
|
|
27
36
|
import "../Input/InputPhone.js";
|
|
28
37
|
import "../Input/InputTextArea.js";
|
|
29
38
|
import "react-hook-form";
|
|
@@ -35,15 +44,9 @@ import "iframe-resizer";
|
|
|
35
44
|
import "../Calculators/calculator.css.js";
|
|
36
45
|
/* empty css */
|
|
37
46
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
38
|
-
import "../Accordion/Accordion.js";
|
|
39
|
-
import "../Accordion/Accordion.css.js";
|
|
40
|
-
import "../AlertBanner/AlertBanner.css.js";
|
|
41
|
-
import "../Article/Article.css.js";
|
|
42
|
-
import "../ArticlesSet/ArticlesSet.css.js";
|
|
43
47
|
/* empty css */
|
|
44
48
|
/* empty css */
|
|
45
49
|
import "next/image.js";
|
|
46
|
-
/* empty css */
|
|
47
50
|
/* empty css */
|
|
48
51
|
import "../Carousel/index.js";
|
|
49
52
|
/* empty css */
|
|
@@ -62,9 +65,7 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
62
65
|
/* empty css */
|
|
63
66
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
64
67
|
import { ImageLinkSet } from "./ImageLinkSet.js";
|
|
65
|
-
import "../Interstitial/Interstitial-variants.css.js";
|
|
66
68
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
67
|
-
/* empty css */
|
|
68
69
|
/* empty css */
|
|
69
70
|
/* empty css */
|
|
70
71
|
/* empty css */
|
|
@@ -84,6 +85,7 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
84
85
|
import "next/script.js";
|
|
85
86
|
/* empty css */
|
|
86
87
|
/* empty css */
|
|
88
|
+
import "../Hyperlink/Hyperlink.css.js";
|
|
87
89
|
export {
|
|
88
90
|
ImageLinkSet
|
|
89
91
|
};
|
package/dist/Input/Checkbox.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputProps } from './InputProps';
|
|
2
2
|
|
|
3
3
|
export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
|
|
4
|
-
children?: import('react').ReactNode;
|
|
4
|
+
children?: import('react').ReactNode | undefined;
|
|
5
5
|
} & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { InputNumberFormat } from "@react-input/number-format";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import "./Checkbox.js";
|
|
5
|
-
import "./
|
|
5
|
+
import "./Input.css.js";
|
|
6
6
|
/* empty css */
|
|
7
|
+
/* empty css */
|
|
8
|
+
import "./Dropdown.js";
|
|
7
9
|
/* empty css */
|
|
8
10
|
import { Input } from "./Input.js";
|
|
9
|
-
import "./Input.css.js";
|
|
10
11
|
import "./InputPhone.js";
|
|
11
12
|
import "./InputTextArea.js";
|
|
12
13
|
const CurrencyInput = forwardRef(
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const datePicker: string;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import DatePicker from "react-date-picker";
|
|
5
|
+
import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
|
|
6
|
+
const DatePickerInput = (props) => {
|
|
7
|
+
const {
|
|
8
|
+
disabled,
|
|
9
|
+
label,
|
|
10
|
+
iconLeft,
|
|
11
|
+
iconRight,
|
|
12
|
+
sizes,
|
|
13
|
+
error = false,
|
|
14
|
+
helperText: helper,
|
|
15
|
+
variant
|
|
16
|
+
} = props;
|
|
17
|
+
const [value, onChange] = useState();
|
|
18
|
+
return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
|
|
19
|
+
label && /* @__PURE__ */ jsx(
|
|
20
|
+
"label",
|
|
21
|
+
{
|
|
22
|
+
className: labelClassName({ error, variant }),
|
|
23
|
+
htmlFor: props.name,
|
|
24
|
+
children: label
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
|
|
28
|
+
iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
DatePicker,
|
|
31
|
+
{
|
|
32
|
+
dayPlaceholder: "dd",
|
|
33
|
+
monthPlaceholder: "mm",
|
|
34
|
+
yearPlaceholder: "yyyy",
|
|
35
|
+
minDate: /* @__PURE__ */ new Date(),
|
|
36
|
+
onChange,
|
|
37
|
+
value
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
|
|
41
|
+
] }),
|
|
42
|
+
/* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
|
|
43
|
+
] });
|
|
44
|
+
};
|
|
45
|
+
export {
|
|
46
|
+
DatePickerInput
|
|
47
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
var calendarContainer = "skzved0";
|
|
3
|
+
var calendarIcon = "skzved1";
|
|
4
|
+
var inputDate = "skzved2";
|
|
5
|
+
var verticalCenter = "skzved3";
|
|
6
|
+
var calendar = "skzved4";
|
|
7
|
+
var headerCalendar = "skzved5";
|
|
8
|
+
export {
|
|
9
|
+
calendar,
|
|
10
|
+
calendarContainer,
|
|
11
|
+
calendarIcon,
|
|
12
|
+
headerCalendar,
|
|
13
|
+
inputDate,
|
|
14
|
+
verticalCenter
|
|
15
|
+
};
|