@axos-web-dev/shared-components 0.0.198 → 0.0.200
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/Calculators/MonthlyPaymentLVFCalculator/index.js +1 -1
- package/dist/Forms/FormProps.d.ts +1 -1
- package/dist/Forms/Forms.css.d.ts +18 -0
- package/dist/Forms/Forms.css.js +41 -39
- package/dist/Forms/VendorQuestionnaire.d.ts +58 -0
- package/dist/Forms/VendorQuestionnaire.js +932 -0
- package/dist/Forms/index.d.ts +1 -0
- package/dist/Forms/index.js +4 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +52 -18
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
- package/dist/assets/Forms/Forms.css +152 -93
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +651 -651
- package/dist/assets/NavigationMenu/LaVictoire/NavBar.css.css +429 -429
- package/dist/main.js +4 -1
- package/package.json +1 -1
|
@@ -55,7 +55,7 @@ const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure })
|
|
|
55
55
|
setLoanYears(Number(e.target.value));
|
|
56
56
|
};
|
|
57
57
|
const handleRateChange = (e) => {
|
|
58
|
-
|
|
58
|
+
const value = e.target.value;
|
|
59
59
|
setInterestRate(value.replace(/[^0-9.]/g, ""));
|
|
60
60
|
};
|
|
61
61
|
const calculatePayment = () => {
|
|
@@ -5,7 +5,7 @@ import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
|
|
|
5
5
|
export interface FormProps extends PropsWithChildren {
|
|
6
6
|
id?: string;
|
|
7
7
|
onSubmit?: (values: {
|
|
8
|
-
[index: string]: string | boolean | number | Date;
|
|
8
|
+
[index: string]: string | boolean | number | Date | any;
|
|
9
9
|
}) => void;
|
|
10
10
|
icon?: boolean;
|
|
11
11
|
headline?: ReactNode | string;
|
|
@@ -17,6 +17,14 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
|
|
|
17
17
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
|
+
formType: {
|
|
21
|
+
questionnaire: {
|
|
22
|
+
paddingTop: number;
|
|
23
|
+
};
|
|
24
|
+
default: {
|
|
25
|
+
paddingTop: number;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
20
28
|
}>;
|
|
21
29
|
export declare const iconForm: string;
|
|
22
30
|
export declare const headerContainer: string;
|
|
@@ -83,11 +91,16 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
83
91
|
email: {
|
|
84
92
|
gridTemplateColumns: "1fr";
|
|
85
93
|
};
|
|
94
|
+
questionnaire: {
|
|
95
|
+
display: "flex";
|
|
96
|
+
flexDirection: "column";
|
|
97
|
+
};
|
|
86
98
|
default: {
|
|
87
99
|
gridTemplateColumns: "1fr 1fr";
|
|
88
100
|
};
|
|
89
101
|
};
|
|
90
102
|
}>;
|
|
103
|
+
export declare const form_row: string;
|
|
91
104
|
export declare const actions: string;
|
|
92
105
|
export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
93
106
|
variant: {
|
|
@@ -159,6 +172,11 @@ export declare const descriptionField: import('@vanilla-extract/recipes').Runtim
|
|
|
159
172
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
160
173
|
};
|
|
161
174
|
};
|
|
175
|
+
formType: {
|
|
176
|
+
questionnaire: {
|
|
177
|
+
marginTop: number;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
162
180
|
}>;
|
|
163
181
|
export declare const fullRowForm: string;
|
|
164
182
|
export declare const one_row: string;
|
package/dist/Forms/Forms.css.js
CHANGED
|
@@ -7,45 +7,46 @@
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
10
|
-
var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
-
var iconForm = "
|
|
12
|
-
var headerContainer = "
|
|
13
|
-
var headerForm = createRuntimeFn({ defaultClassName: "
|
|
14
|
-
var formWrapper = createRuntimeFn({ defaultClassName: "
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
10
|
+
var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" }, formType: { questionnaire: "tfms6a5", "default": "tfms6a6" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var iconForm = "tfms6a7";
|
|
12
|
+
var headerContainer = "tfms6a8";
|
|
13
|
+
var headerForm = createRuntimeFn({ defaultClassName: "tfms6a9", variantClassNames: { variant: { primary: "tfms6aa", secondary: "tfms6ab", tertiary: "tfms6ac", quaternary: "tfms6ad" } }, defaultVariants: {}, compoundVariants: [] });
|
|
14
|
+
var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ae", variantClassNames: { variant: { primary: "tfms6af", secondary: "tfms6ag", tertiary: "tfms6ah", quaternary: "tfms6ai" }, formType: { email: "tfms6aj", questionnaire: "tfms6ak", "default": "tfms6al" } }, defaultVariants: {}, compoundVariants: [] });
|
|
15
|
+
var form_row = "tfms6am";
|
|
16
|
+
var actions = "tfms6an";
|
|
17
|
+
var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ao", variantClassNames: { variant: { primary: "tfms6ap", secondary: "tfms6aq", tertiary: "tfms6ar", quaternary: "tfms6as" } }, defaultVariants: {}, compoundVariants: [] });
|
|
18
|
+
var form = "tfms6at";
|
|
19
|
+
var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aw", variantClassNames: { variant: { primary: "tfms6ax", secondary: "tfms6ay", tertiary: "tfms6az", quaternary: "tfms6a10" } }, defaultVariants: {}, compoundVariants: [] });
|
|
20
|
+
var success_icon = "tfms6a11";
|
|
21
|
+
var succes_check_mark = "tfms6a12";
|
|
22
|
+
var success_circle = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
|
|
23
|
+
var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a18", variantClassNames: { variant: { primary: "tfms6a19", secondary: "tfms6a1a", tertiary: "tfms6a1b", quaternary: "tfms6a1c" }, formType: { questionnaire: "tfms6a1d" } }, defaultVariants: {}, compoundVariants: [] });
|
|
24
|
+
var fullRowForm = "tfms6a1e";
|
|
25
|
+
var one_row = "tfms6a1f";
|
|
26
|
+
var section_title = createRuntimeFn({ defaultClassName: "tfms6a1g", variantClassNames: { variant: { primary: "tfms6a1h", secondary: "tfms6a1i", tertiary: "tfms6a1j", quaternary: "tfms6a1k" } }, defaultVariants: {}, compoundVariants: [] });
|
|
27
|
+
var checkbox_group = "tfms6a1l";
|
|
28
|
+
var ro_input = "tfms6a1m";
|
|
29
|
+
var pl_label = "tfms6a1n";
|
|
30
|
+
var x_input = "tfms6a1o";
|
|
31
|
+
var xc_input = "tfms6a1p";
|
|
32
|
+
var fullRowSelect = "tfms6a1q";
|
|
33
|
+
var mt2rem = "tfms6a1r";
|
|
34
|
+
var centerSelect = "tfms6a1s";
|
|
35
|
+
var formBtns = "tfms6a1t";
|
|
36
|
+
var modalCheckboxContainer = "tfms6a1u";
|
|
37
|
+
var threeColRow = "tfms6a1v";
|
|
38
|
+
var mt1Rem = "tfms6a1w";
|
|
39
|
+
var mw24 = "tfms6a1x";
|
|
40
|
+
var modalMobile = "tfms6a1y";
|
|
41
|
+
var resposiveLabel = "tfms6a1z";
|
|
42
|
+
var dropdown = "tfms6a20";
|
|
43
|
+
var dynPH = "tfms6a21";
|
|
44
|
+
var na_cursor = "tfms6a22";
|
|
45
|
+
var show_options = "tfms6a23";
|
|
46
|
+
var hide_options = "tfms6a24";
|
|
47
|
+
var back_btn_apply_now = "tfms6a25";
|
|
48
|
+
var iconbillboards_option_apply_now = "tfms6a26";
|
|
49
|
+
var form_nav_apply_now = "tfms6a27";
|
|
49
50
|
export {
|
|
50
51
|
actions,
|
|
51
52
|
back_btn_apply_now,
|
|
@@ -60,6 +61,7 @@ export {
|
|
|
60
61
|
formContainer,
|
|
61
62
|
formWrapper,
|
|
62
63
|
form_nav_apply_now,
|
|
64
|
+
form_row,
|
|
63
65
|
fullRowForm,
|
|
64
66
|
fullRowSelect,
|
|
65
67
|
headerContainer,
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { FormProps } from './FormProps';
|
|
2
|
+
|
|
3
|
+
export type VendorQuestionnaireInputs = {
|
|
4
|
+
"name/0-2": string;
|
|
5
|
+
"dba/0-2": string;
|
|
6
|
+
"phone/0-2": string;
|
|
7
|
+
"website/0-2": string;
|
|
8
|
+
"address/0-2": string;
|
|
9
|
+
"address2/0-2": string;
|
|
10
|
+
"city/0-2": string;
|
|
11
|
+
"state/0-2": string;
|
|
12
|
+
"zip/0-2": string;
|
|
13
|
+
"description/0-2": string;
|
|
14
|
+
"how_did_you_hear_about_us_/0-2": string;
|
|
15
|
+
"owner_name_1/0-2": string;
|
|
16
|
+
"owner_phone_1/0-2": string;
|
|
17
|
+
"owner_email_1/0-2": string;
|
|
18
|
+
"owner_name_2/0-2": string;
|
|
19
|
+
"owner_phone_2/0-2": string;
|
|
20
|
+
"owner_email_2/0-2": string;
|
|
21
|
+
"owner_name_3/0-2": string;
|
|
22
|
+
"owner_phone_3/0-2": string;
|
|
23
|
+
"owner_email_3/0-2": string;
|
|
24
|
+
"owner_name_4/0-2": string;
|
|
25
|
+
"owner_phone_4/0-2": string;
|
|
26
|
+
"owner_email_4/0-2": string;
|
|
27
|
+
"sales_contact_name/0-2": string;
|
|
28
|
+
"sales_contact_phone/0-2": string;
|
|
29
|
+
"sales_contact_email/0-2": string;
|
|
30
|
+
"finance_contact_name/0-2": string;
|
|
31
|
+
"finance_contact_phone/0-2": string;
|
|
32
|
+
"finance_contact_email/0-2": string;
|
|
33
|
+
"type_of_organization/0-2": string;
|
|
34
|
+
"founded_year/0-2": string;
|
|
35
|
+
"officer_name_1/0-2": string;
|
|
36
|
+
"officer_title_1/0-2": string;
|
|
37
|
+
"officer_name_2/0-2": string;
|
|
38
|
+
"officer_title_2/0-2": string;
|
|
39
|
+
"officer_name_3/0-2": string;
|
|
40
|
+
"officer_title_3/0-2": string;
|
|
41
|
+
"name_of_insurer/0-2": string;
|
|
42
|
+
"insurer_phone/0-2": string;
|
|
43
|
+
"insurer_email/0-2": string;
|
|
44
|
+
"forecasted_business/0-2": string;
|
|
45
|
+
"forecasted_business_comments/0-2": string;
|
|
46
|
+
"security_transit_approval_documents/0-2": string;
|
|
47
|
+
"security_transit_closing_documents/0-2": string;
|
|
48
|
+
"security_rest_electronic/0-2": string;
|
|
49
|
+
"security_rest_paper/0-2": string;
|
|
50
|
+
"security_time_of_disposal_paper/0-2": string;
|
|
51
|
+
"security_time_of_disposal_electronic/0-2": string;
|
|
52
|
+
"company/0-1": string;
|
|
53
|
+
"firstname/0-1": string;
|
|
54
|
+
"lastname/0-1": string;
|
|
55
|
+
"jobtitle/0-1": string;
|
|
56
|
+
"email/0-1": string;
|
|
57
|
+
};
|
|
58
|
+
export declare const VendorQuestionnaire: ({ children, onSubmit, variant: fullVariant, validateEmail, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|