@axos-web-dev/shared-components 0.0.107 → 0.0.109
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 +6 -3
- package/dist/Blockquote/index.js +1 -2
- package/dist/Button/Button.js +6 -3
- package/dist/Calculators/Calculator.js +6 -3
- package/dist/Carousel/index.js +6 -3
- package/dist/Chevron/index.js +6 -3
- package/dist/Comparison/Comparison.js +6 -3
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +6 -3
- package/dist/Forms/ClearingForm.d.ts +14 -0
- package/dist/Forms/ClearingForm.js +334 -0
- package/dist/Forms/ContactUsBusiness.js +6 -3
- package/dist/Forms/ContactUsNMLSId.js +6 -3
- package/dist/Forms/EmailOnly.js +6 -3
- package/dist/Forms/ScheduleCall.js +1 -4
- package/dist/Forms/SuccesForm.js +6 -3
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +2 -0
- package/dist/Hyperlink/index.js +6 -3
- package/dist/ImageLink/ImageLink.js +6 -3
- package/dist/ImageLink/ImageLinkSet.js +6 -3
- package/dist/ImageLink/index.js +6 -3
- package/dist/Input/Checkbox.css.d.ts +2 -0
- package/dist/Input/Checkbox.css.js +5 -1
- package/dist/Input/CheckboxGroup.d.ts +20 -0
- package/dist/Input/CheckboxGroup.js +39 -0
- package/dist/Input/InputProps.d.ts +0 -6
- package/dist/Insight/Featured/CategorySelector.css.d.ts +8 -0
- package/dist/Insight/Featured/CategorySelector.css.js +23 -0
- package/dist/Insight/Featured/CategorySelector.d.ts +13 -0
- package/dist/Insight/Featured/CategorySelector.js +159 -0
- package/dist/Insight/Featured/Featured.css.d.ts +13 -0
- package/dist/Insight/Featured/Featured.css.js +30 -0
- package/dist/Insight/Featured/Featured.d.ts +25 -0
- package/dist/Insight/Featured/Featured.js +181 -0
- package/dist/Insight/Featured/index.d.ts +3 -0
- package/dist/Insight/Featured/index.js +22 -0
- package/dist/Insight/index.d.ts +1 -0
- package/dist/Insight/index.js +22 -0
- package/dist/Modal/Modal.js +6 -3
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -4
- package/dist/NavigationMenu/AxosBank/index.js +41 -103
- package/dist/NavigationMenu/AxosClearing/SubNavBar.js +5 -6
- package/dist/NavigationMenu/AxosClearing/index.js +17 -20
- package/dist/PageNavSet/PageNavSet.js +6 -1
- package/dist/SetContainer/SetContainer.js +6 -3
- package/dist/VideoTile/VideoInit.js +1 -2
- package/dist/VideoWrapper/index.js +0 -1
- package/dist/assets/Input/Checkbox.css +7 -0
- package/dist/assets/Insight/Featured/CategorySelector.css +55 -0
- package/dist/assets/Insight/Featured/Featured.css +87 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +22 -0
- package/package.json +1 -1
- package/dist/Input/DatePicker.css.d.ts +0 -1
- package/dist/Input/DatePicker.css.js +0 -6
- package/dist/Input/Datepicker.d.ts +0 -3
- package/dist/Input/Datepicker.js +0 -47
- package/dist/Input/InputDate.css.d.ts +0 -6
- package/dist/Input/InputDate.css.js +0 -15
- package/dist/Input/InputDate.d.ts +0 -3
- package/dist/Input/InputDate.js +0 -47
- package/dist/assets/Input/DatePicker.css +0 -95
- package/dist/assets/Input/InputDate.css +0 -39
|
@@ -43,13 +43,14 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
|
|
|
43
43
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
44
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
45
|
import "../Input/RadioButton.js";
|
|
46
|
+
import "../Input/RadioButton.css.js";
|
|
47
|
+
import "../Input/Checkbox.css.js";
|
|
46
48
|
import "iframe-resizer";
|
|
47
49
|
import "../Calculators/calculator.css.js";
|
|
48
50
|
/* empty css */
|
|
49
51
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
50
52
|
/* empty css */
|
|
51
53
|
/* empty css */
|
|
52
|
-
import "next/image.js";
|
|
53
54
|
/* empty css */
|
|
54
55
|
/* empty css */
|
|
55
56
|
import "../Carousel/index.js";
|
|
@@ -69,6 +70,8 @@ import "../FaqAccordion/index.js";
|
|
|
69
70
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
70
71
|
/* empty css */
|
|
71
72
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
73
|
+
/* empty css */
|
|
74
|
+
/* empty css */
|
|
72
75
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
73
76
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
74
77
|
/* empty css */
|
|
@@ -77,8 +80,9 @@ import "../Modal/contextApi/store.js";
|
|
|
77
80
|
/* empty css */
|
|
78
81
|
/* empty css */
|
|
79
82
|
/* empty css */
|
|
80
|
-
import "next/link.js";
|
|
81
83
|
/* empty css */
|
|
84
|
+
import "next/image.js";
|
|
85
|
+
import "next/link.js";
|
|
82
86
|
import "next/navigation.js";
|
|
83
87
|
/* empty css */
|
|
84
88
|
/* empty css */
|
|
@@ -94,7 +98,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
94
98
|
/* empty css */
|
|
95
99
|
/* empty css */
|
|
96
100
|
/* empty css */
|
|
97
|
-
import "next/script.js";
|
|
98
101
|
/* empty css */
|
|
99
102
|
/* empty css */
|
|
100
103
|
const ContactUsBusiness = ({
|
|
@@ -43,13 +43,14 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
|
|
|
43
43
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
44
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
45
|
import "../Input/RadioButton.js";
|
|
46
|
+
import "../Input/RadioButton.css.js";
|
|
47
|
+
import "../Input/Checkbox.css.js";
|
|
46
48
|
import "iframe-resizer";
|
|
47
49
|
import "../Calculators/calculator.css.js";
|
|
48
50
|
/* empty css */
|
|
49
51
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
50
52
|
/* empty css */
|
|
51
53
|
/* empty css */
|
|
52
|
-
import "next/image.js";
|
|
53
54
|
/* empty css */
|
|
54
55
|
/* empty css */
|
|
55
56
|
import "../Carousel/index.js";
|
|
@@ -69,6 +70,8 @@ import "../FaqAccordion/index.js";
|
|
|
69
70
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
70
71
|
/* empty css */
|
|
71
72
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
73
|
+
/* empty css */
|
|
74
|
+
/* empty css */
|
|
72
75
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
73
76
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
74
77
|
/* empty css */
|
|
@@ -77,8 +80,9 @@ import "../Modal/contextApi/store.js";
|
|
|
77
80
|
/* empty css */
|
|
78
81
|
/* empty css */
|
|
79
82
|
/* empty css */
|
|
80
|
-
import "next/link.js";
|
|
81
83
|
/* empty css */
|
|
84
|
+
import "next/image.js";
|
|
85
|
+
import "next/link.js";
|
|
82
86
|
import "next/navigation.js";
|
|
83
87
|
/* empty css */
|
|
84
88
|
/* empty css */
|
|
@@ -94,7 +98,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
94
98
|
/* empty css */
|
|
95
99
|
/* empty css */
|
|
96
100
|
/* empty css */
|
|
97
|
-
import "next/script.js";
|
|
98
101
|
/* empty css */
|
|
99
102
|
/* empty css */
|
|
100
103
|
const ContactUsNMLSId = ({
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -44,13 +44,14 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
|
|
|
44
44
|
import { SalesforceSchema } from "./SalesforceFieldsForm.js";
|
|
45
45
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
46
46
|
import "../Input/RadioButton.js";
|
|
47
|
+
import "../Input/RadioButton.css.js";
|
|
48
|
+
import "../Input/Checkbox.css.js";
|
|
47
49
|
import "iframe-resizer";
|
|
48
50
|
import "../Calculators/calculator.css.js";
|
|
49
51
|
/* empty css */
|
|
50
52
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
51
53
|
/* empty css */
|
|
52
54
|
/* empty css */
|
|
53
|
-
import "next/image.js";
|
|
54
55
|
/* empty css */
|
|
55
56
|
/* empty css */
|
|
56
57
|
import "../Carousel/index.js";
|
|
@@ -70,6 +71,8 @@ import "../FaqAccordion/index.js";
|
|
|
70
71
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
71
72
|
/* empty css */
|
|
72
73
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
74
|
+
/* empty css */
|
|
75
|
+
/* empty css */
|
|
73
76
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
74
77
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
75
78
|
/* empty css */
|
|
@@ -78,8 +81,9 @@ import "../Modal/contextApi/store.js";
|
|
|
78
81
|
/* empty css */
|
|
79
82
|
/* empty css */
|
|
80
83
|
/* empty css */
|
|
81
|
-
import "next/link.js";
|
|
82
84
|
/* empty css */
|
|
85
|
+
import "next/image.js";
|
|
86
|
+
import "next/link.js";
|
|
83
87
|
import "next/navigation.js";
|
|
84
88
|
/* empty css */
|
|
85
89
|
/* empty css */
|
|
@@ -95,7 +99,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
95
99
|
/* empty css */
|
|
96
100
|
/* empty css */
|
|
97
101
|
/* empty css */
|
|
98
|
-
import "next/script.js";
|
|
99
102
|
/* empty css */
|
|
100
103
|
/* empty css */
|
|
101
104
|
const EmailOnly = ({
|
|
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
|
|
|
15
15
|
import "../Input/InputAmount.js";
|
|
16
16
|
import { InputPhone } from "../Input/InputPhone.js";
|
|
17
17
|
import "../Input/InputTextArea.js";
|
|
18
|
-
import { InputDate } from "../Input/InputDate.js";
|
|
19
18
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
20
19
|
import SvgAxosX from "../icons/AxosX/index.js";
|
|
21
20
|
import SvgComponent from "../icons/AxosX/Blue.js";
|
|
@@ -221,9 +220,7 @@ const ScheduleCall = ({
|
|
|
221
220
|
/* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
|
|
222
221
|
]
|
|
223
222
|
}
|
|
224
|
-
) })
|
|
225
|
-
/* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
|
|
226
|
-
} })
|
|
223
|
+
) })
|
|
227
224
|
] }),
|
|
228
225
|
children,
|
|
229
226
|
/* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
|
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -29,7 +29,6 @@ import "../Calculators/calculator.css.js";
|
|
|
29
29
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
30
30
|
/* empty css */
|
|
31
31
|
/* empty css */
|
|
32
|
-
import "next/image.js";
|
|
33
32
|
/* empty css */
|
|
34
33
|
import "../Carousel/index.js";
|
|
35
34
|
import "../Hyperlink/Hyperlink.css.js";
|
|
@@ -57,6 +56,8 @@ import "../Input/Input.css.js";
|
|
|
57
56
|
import "../Input/InputAmount.js";
|
|
58
57
|
import "../Input/InputPhone.js";
|
|
59
58
|
import "../Input/InputTextArea.js";
|
|
59
|
+
/* empty css */
|
|
60
|
+
/* empty css */
|
|
60
61
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
61
62
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
62
63
|
import "../Chevron/Chevron.css.js";
|
|
@@ -67,8 +68,9 @@ import "react-use";
|
|
|
67
68
|
/* empty css */
|
|
68
69
|
/* empty css */
|
|
69
70
|
/* empty css */
|
|
70
|
-
import "next/link.js";
|
|
71
71
|
/* empty css */
|
|
72
|
+
import "next/image.js";
|
|
73
|
+
import "next/link.js";
|
|
72
74
|
import "next/navigation.js";
|
|
73
75
|
/* empty css */
|
|
74
76
|
/* empty css */
|
|
@@ -84,7 +86,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
84
86
|
/* empty css */
|
|
85
87
|
/* empty css */
|
|
86
88
|
/* empty css */
|
|
87
|
-
import "next/script.js";
|
|
88
89
|
/* empty css */
|
|
89
90
|
/* empty css */
|
|
90
91
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
@@ -92,6 +93,8 @@ import "react-hook-form";
|
|
|
92
93
|
import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
|
|
93
94
|
import "./SalesforceFieldsForm.js";
|
|
94
95
|
import "../Input/RadioButton.js";
|
|
96
|
+
import "../Input/RadioButton.css.js";
|
|
97
|
+
import "../Input/Checkbox.css.js";
|
|
95
98
|
function SuccesFormWrapper({
|
|
96
99
|
children,
|
|
97
100
|
isSubmitted,
|
package/dist/Forms/index.d.ts
CHANGED
package/dist/Forms/index.js
CHANGED
|
@@ -15,8 +15,10 @@ import { ScheduleCall } from "./ScheduleCall.js";
|
|
|
15
15
|
import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
|
|
16
16
|
import { SuccesFormWrapper } from "./SuccesForm.js";
|
|
17
17
|
import { WCPLSurvey } from "./WcplSurvey.js";
|
|
18
|
+
import { ClearingForm } from "./ClearingForm.js";
|
|
18
19
|
export {
|
|
19
20
|
ApplicationStart,
|
|
21
|
+
ClearingForm,
|
|
20
22
|
CommercialLending,
|
|
21
23
|
ContactCompany,
|
|
22
24
|
ContactUs,
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -43,13 +43,14 @@ import "../Forms/Forms.css.js";
|
|
|
43
43
|
import "../Forms/SalesforceFieldsForm.js";
|
|
44
44
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
45
45
|
import "../Input/RadioButton.js";
|
|
46
|
+
import "../Input/RadioButton.css.js";
|
|
47
|
+
import "../Input/Checkbox.css.js";
|
|
46
48
|
import "iframe-resizer";
|
|
47
49
|
import "../Calculators/calculator.css.js";
|
|
48
50
|
/* empty css */
|
|
49
51
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
50
52
|
/* empty css */
|
|
51
53
|
/* empty css */
|
|
52
|
-
import "next/image.js";
|
|
53
54
|
/* empty css */
|
|
54
55
|
import "../Carousel/index.js";
|
|
55
56
|
/* empty css */
|
|
@@ -67,13 +68,16 @@ import "../FaqAccordion/index.js";
|
|
|
67
68
|
import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
68
69
|
/* empty css */
|
|
69
70
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
71
|
+
/* empty css */
|
|
72
|
+
/* empty css */
|
|
70
73
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
71
74
|
/* empty css */
|
|
72
75
|
/* empty css */
|
|
73
76
|
/* empty css */
|
|
74
77
|
/* empty css */
|
|
75
|
-
import "next/link.js";
|
|
76
78
|
/* empty css */
|
|
79
|
+
import "next/image.js";
|
|
80
|
+
import "next/link.js";
|
|
77
81
|
import "next/navigation.js";
|
|
78
82
|
/* empty css */
|
|
79
83
|
/* empty css */
|
|
@@ -89,7 +93,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
89
93
|
/* empty css */
|
|
90
94
|
/* empty css */
|
|
91
95
|
/* empty css */
|
|
92
|
-
import "next/script.js";
|
|
93
96
|
/* empty css */
|
|
94
97
|
/* empty css */
|
|
95
98
|
import { hyperlink } from "./Hyperlink.css.js";
|
|
@@ -38,13 +38,14 @@ import "../Forms/SalesforceFieldsForm.js";
|
|
|
38
38
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
39
39
|
import "react-use";
|
|
40
40
|
import "../Input/RadioButton.js";
|
|
41
|
+
import "../Input/RadioButton.css.js";
|
|
42
|
+
import "../Input/Checkbox.css.js";
|
|
41
43
|
import "iframe-resizer";
|
|
42
44
|
import "../Calculators/calculator.css.js";
|
|
43
45
|
/* empty css */
|
|
44
46
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
45
47
|
/* empty css */
|
|
46
48
|
/* empty css */
|
|
47
|
-
import "next/image.js";
|
|
48
49
|
/* empty css */
|
|
49
50
|
import "../Carousel/index.js";
|
|
50
51
|
/* empty css */
|
|
@@ -60,6 +61,8 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
60
61
|
/* empty css */
|
|
61
62
|
import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
|
|
62
63
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
64
|
+
/* empty css */
|
|
65
|
+
/* empty css */
|
|
63
66
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
64
67
|
import "../Chevron/Chevron.css.js";
|
|
65
68
|
/* empty css */
|
|
@@ -68,8 +71,9 @@ import "../Modal/contextApi/store.js";
|
|
|
68
71
|
/* empty css */
|
|
69
72
|
/* empty css */
|
|
70
73
|
/* empty css */
|
|
71
|
-
import "next/link.js";
|
|
72
74
|
/* empty css */
|
|
75
|
+
import "next/image.js";
|
|
76
|
+
import "next/link.js";
|
|
73
77
|
import "next/navigation.js";
|
|
74
78
|
/* empty css */
|
|
75
79
|
/* empty css */
|
|
@@ -85,7 +89,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
85
89
|
/* empty css */
|
|
86
90
|
/* empty css */
|
|
87
91
|
/* empty css */
|
|
88
|
-
import "next/script.js";
|
|
89
92
|
/* empty css */
|
|
90
93
|
/* empty css */
|
|
91
94
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
@@ -42,13 +42,14 @@ import "../Forms/Forms.css.js";
|
|
|
42
42
|
import "../Forms/SalesforceFieldsForm.js";
|
|
43
43
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
44
44
|
import "../Input/RadioButton.js";
|
|
45
|
+
import "../Input/RadioButton.css.js";
|
|
46
|
+
import "../Input/Checkbox.css.js";
|
|
45
47
|
import "iframe-resizer";
|
|
46
48
|
import "../Calculators/calculator.css.js";
|
|
47
49
|
/* empty css */
|
|
48
50
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
49
51
|
/* empty css */
|
|
50
52
|
/* empty css */
|
|
51
|
-
import "next/image.js";
|
|
52
53
|
/* empty css */
|
|
53
54
|
import "../Carousel/index.js";
|
|
54
55
|
import "../Hyperlink/Hyperlink.css.js";
|
|
@@ -67,6 +68,8 @@ import "../HeroBanner/LargeBanner.css.js";
|
|
|
67
68
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
68
69
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
69
70
|
import ImageLink from "./ImageLink.js";
|
|
71
|
+
/* empty css */
|
|
72
|
+
/* empty css */
|
|
70
73
|
import "../Interstitial/Interstitial-variants.css.js";
|
|
71
74
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
72
75
|
import "../Chevron/Chevron.css.js";
|
|
@@ -76,8 +79,9 @@ import "../Modal/contextApi/store.js";
|
|
|
76
79
|
/* empty css */
|
|
77
80
|
/* empty css */
|
|
78
81
|
/* empty css */
|
|
79
|
-
import "next/link.js";
|
|
80
82
|
/* empty css */
|
|
83
|
+
import "next/image.js";
|
|
84
|
+
import "next/link.js";
|
|
81
85
|
import "next/navigation.js";
|
|
82
86
|
/* empty css */
|
|
83
87
|
/* empty css */
|
|
@@ -93,7 +97,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
93
97
|
/* empty css */
|
|
94
98
|
/* empty css */
|
|
95
99
|
/* empty css */
|
|
96
|
-
import "next/script.js";
|
|
97
100
|
/* empty css */
|
|
98
101
|
/* empty css */
|
|
99
102
|
const ImageLinkSet = (props) => {
|
package/dist/ImageLink/index.js
CHANGED
|
@@ -41,13 +41,14 @@ import "../Forms/Forms.css.js";
|
|
|
41
41
|
import "../Forms/SalesforceFieldsForm.js";
|
|
42
42
|
import "../LoadingIndicator/LoadingIndicator.css.js";
|
|
43
43
|
import "../Input/RadioButton.js";
|
|
44
|
+
import "../Input/RadioButton.css.js";
|
|
45
|
+
import "../Input/Checkbox.css.js";
|
|
44
46
|
import "iframe-resizer";
|
|
45
47
|
import "../Calculators/calculator.css.js";
|
|
46
48
|
/* empty css */
|
|
47
49
|
import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
48
50
|
/* empty css */
|
|
49
51
|
/* empty css */
|
|
50
|
-
import "next/image.js";
|
|
51
52
|
/* empty css */
|
|
52
53
|
import "../Carousel/index.js";
|
|
53
54
|
/* empty css */
|
|
@@ -66,13 +67,16 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
|
|
|
66
67
|
/* empty css */
|
|
67
68
|
import "../ImageBillboard/ImageBillboard.css.js";
|
|
68
69
|
import { ImageLinkSet } from "./ImageLinkSet.js";
|
|
70
|
+
/* empty css */
|
|
71
|
+
/* empty css */
|
|
69
72
|
import "../LandingPageHeader/LandingPageHeader.css.js";
|
|
70
73
|
/* empty css */
|
|
71
74
|
/* empty css */
|
|
72
75
|
/* empty css */
|
|
73
76
|
/* empty css */
|
|
74
|
-
import "next/link.js";
|
|
75
77
|
/* empty css */
|
|
78
|
+
import "next/image.js";
|
|
79
|
+
import "next/link.js";
|
|
76
80
|
import "next/navigation.js";
|
|
77
81
|
/* empty css */
|
|
78
82
|
/* empty css */
|
|
@@ -88,7 +92,6 @@ import "../StepItemSet/StepItemSet.css.js";
|
|
|
88
92
|
/* empty css */
|
|
89
93
|
/* empty css */
|
|
90
94
|
/* empty css */
|
|
91
|
-
import "next/script.js";
|
|
92
95
|
/* empty css */
|
|
93
96
|
/* empty css */
|
|
94
97
|
import "../Hyperlink/Hyperlink.css.js";
|
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
5
|
+
var checkbox_group_container = "_3tjom73";
|
|
6
|
+
var no_borders = "_3tjom74";
|
|
5
7
|
export {
|
|
6
8
|
checkbox,
|
|
7
|
-
checkboxContainer
|
|
9
|
+
checkboxContainer,
|
|
10
|
+
checkbox_group_container,
|
|
11
|
+
no_borders
|
|
8
12
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
interface CheckboxOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
interface CheckboxGroupProps {
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
variant?: string;
|
|
12
|
+
helperText?: string;
|
|
13
|
+
options: CheckboxOption[];
|
|
14
|
+
selectedValues: string[];
|
|
15
|
+
onChange: (selectedValues: string[]) => void;
|
|
16
|
+
direction?: "row" | "column";
|
|
17
|
+
iconLeft?: ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
20
|
+
export default CheckboxGroup;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox } from "./Checkbox.js";
|
|
3
|
+
import { labelClassName } from "./Input.css.js";
|
|
4
|
+
import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
|
|
5
|
+
import { checkbox_group_container } from "./Checkbox.css.js";
|
|
6
|
+
const CheckboxGroup = ({
|
|
7
|
+
error = false,
|
|
8
|
+
label,
|
|
9
|
+
options,
|
|
10
|
+
selectedValues,
|
|
11
|
+
onChange,
|
|
12
|
+
direction = "column"
|
|
13
|
+
}) => {
|
|
14
|
+
const handleCheckboxChange = (e) => {
|
|
15
|
+
const value = e.target.value;
|
|
16
|
+
const isChecked = e.target.checked;
|
|
17
|
+
const updatedValues = isChecked ? [...selectedValues, value] : selectedValues.filter((item) => item !== value);
|
|
18
|
+
onChange(updatedValues);
|
|
19
|
+
};
|
|
20
|
+
return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
|
|
21
|
+
label && /* @__PURE__ */ jsx("label", { className: labelClassName({ error }), children: label }),
|
|
22
|
+
/* @__PURE__ */ jsx("div", { className: `${fieldset_container} ${checkbox_group_container}`, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children: options.map((option) => /* @__PURE__ */ jsx(
|
|
23
|
+
Checkbox,
|
|
24
|
+
{
|
|
25
|
+
name: option.value,
|
|
26
|
+
value: option.value,
|
|
27
|
+
checked: selectedValues.includes(option.value),
|
|
28
|
+
onChange: handleCheckboxChange,
|
|
29
|
+
sizes: "medium",
|
|
30
|
+
children: option.label
|
|
31
|
+
},
|
|
32
|
+
option.value
|
|
33
|
+
)) }) }),
|
|
34
|
+
error && /* @__PURE__ */ jsx("span", { className: "error-text", children: "Error message here" })
|
|
35
|
+
] });
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
CheckboxGroup as default
|
|
39
|
+
};
|
|
@@ -36,9 +36,3 @@ export interface RadioButtonProps extends InputProps {
|
|
|
36
36
|
value: string | number;
|
|
37
37
|
groupName: string;
|
|
38
38
|
}
|
|
39
|
-
export interface DatepickerInputProps extends InputProps {
|
|
40
|
-
month?: string;
|
|
41
|
-
selected?: string;
|
|
42
|
-
show?: boolean;
|
|
43
|
-
onDateChange: (day: string) => void;
|
|
44
|
-
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const selector_section: string;
|
|
2
|
+
export declare const selector_link: string;
|
|
3
|
+
export declare const selector_title_link: string;
|
|
4
|
+
export declare const selector_grid_items: string;
|
|
5
|
+
export declare const selector_small_item: string;
|
|
6
|
+
export declare const selector_title: string;
|
|
7
|
+
export declare const selector_grid_content: string;
|
|
8
|
+
export declare const selector_img: string;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
/* empty css */
|
|
6
|
+
var selector_section = "_13y9ptj0";
|
|
7
|
+
var selector_link = "_13y9ptj1";
|
|
8
|
+
var selector_title_link = "_13y9ptj2";
|
|
9
|
+
var selector_grid_items = "_13y9ptj3";
|
|
10
|
+
var selector_small_item = "_13y9ptj4 _1sr2o6v9";
|
|
11
|
+
var selector_title = "_13y9ptj5";
|
|
12
|
+
var selector_grid_content = "_13y9ptj6";
|
|
13
|
+
var selector_img = "_13y9ptj7";
|
|
14
|
+
export {
|
|
15
|
+
selector_grid_content,
|
|
16
|
+
selector_grid_items,
|
|
17
|
+
selector_img,
|
|
18
|
+
selector_link,
|
|
19
|
+
selector_section,
|
|
20
|
+
selector_small_item,
|
|
21
|
+
selector_title,
|
|
22
|
+
selector_title_link
|
|
23
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FeaturedItemProps } from '../../main';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
export interface CategorySelectorProps extends PropsWithChildren {
|
|
5
|
+
id: string;
|
|
6
|
+
category: string;
|
|
7
|
+
section: string;
|
|
8
|
+
subcategory?: string;
|
|
9
|
+
insights?: FeaturedItemProps[];
|
|
10
|
+
hideLink?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const CategorySelector: (props: CategorySelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const InsightItem: (props: FeaturedItemProps) => import("react/jsx-runtime").JSX.Element;
|