@axos-web-dev/shared-components 0.0.117 → 0.0.118

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 (59) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +9 -9
  2. package/dist/ArticlesSet/ArticlesSet.js +1 -1
  3. package/dist/Calculators/MarginTradingCalculator/index.js +4 -2
  4. package/dist/Calculators/calculators.js +6 -0
  5. package/dist/Carousel/index.d.ts +1 -0
  6. package/dist/Carousel/index.js +5 -4
  7. package/dist/Comparison/Comparison.css.js +2 -2
  8. package/dist/ContentBanner/index.js +1 -1
  9. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  10. package/dist/FaqAccordion/index.d.ts +1 -0
  11. package/dist/FaqAccordion/index.js +2 -2
  12. package/dist/FooterDisclosure/FooterDisclosure.d.ts +5 -2
  13. package/dist/FooterDisclosure/FooterDisclosure.js +18 -2
  14. package/dist/Forms/ApplicationStart.js +105 -113
  15. package/dist/Forms/ClearingForm.js +177 -185
  16. package/dist/Forms/CommercialLending.js +276 -281
  17. package/dist/Forms/ContactCompany.js +107 -115
  18. package/dist/Forms/ContactUs.js +89 -97
  19. package/dist/Forms/ContactUsAAS.js +170 -178
  20. package/dist/Forms/ContactUsBusiness.js +128 -136
  21. package/dist/Forms/ContactUsNMLSId.js +111 -119
  22. package/dist/Forms/CpraRequest.js +592 -600
  23. package/dist/Forms/DealerServices.js +219 -227
  24. package/dist/Forms/EmailOnly.js +48 -56
  25. package/dist/Forms/EmailUs.js +65 -73
  26. package/dist/Forms/Forms.css.js +2 -2
  27. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
  28. package/dist/Forms/ScheduleCall.js +149 -160
  29. package/dist/Forms/ScheduleCallPremier.js +171 -179
  30. package/dist/Forms/WcplSurvey.js +102 -110
  31. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  32. package/dist/HeroBanner/HeroBanner.js +2 -2
  33. package/dist/IconBillboard/IconBillboard.d.ts +1 -0
  34. package/dist/IconBillboard/IconBillboard.js +6 -4
  35. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  36. package/dist/ImageBillboard/ImageBillboardSet.js +1 -0
  37. package/dist/Input/Checkbox.d.ts +1 -1
  38. package/dist/Input/Input.css.js +1 -1
  39. package/dist/Input/InputProps.d.ts +0 -6
  40. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  41. package/dist/StepItemSet/StepItemSet.js +1 -1
  42. package/dist/Table/Table.d.ts +13 -13
  43. package/dist/TextBlock/TextBlock.js +1 -1
  44. package/dist/VideoTile/VideoTile.js +1 -1
  45. package/dist/VideoWrapper/index.js +22 -30
  46. package/dist/assets/Comparison/Comparison.css +0 -1
  47. package/dist/assets/Table/Table.css +8 -8
  48. package/dist/index.css.js +1 -1
  49. package/package.json +121 -121
  50. package/dist/Input/DatePicker.css.d.ts +0 -1
  51. package/dist/Input/DatePicker.css.js +0 -6
  52. package/dist/Input/Datepicker.d.ts +0 -3
  53. package/dist/Input/Datepicker.js +0 -47
  54. package/dist/Input/InputDate.css.d.ts +0 -6
  55. package/dist/Input/InputDate.css.js +0 -15
  56. package/dist/Input/InputDate.d.ts +0 -3
  57. package/dist/Input/InputDate.js +0 -47
  58. package/dist/assets/Input/DatePicker.css +0 -95
  59. package/dist/assets/Input/InputDate.css +0 -39
package/dist/Forms/ContactCompany.js CHANGED
@@ -80,122 +80,114 @@ const ContactCompany = ({
80
80
  await onSubmit(data);
81
81
  };
82
82
  const variant = getVariant(fullVariant);
83
- return /* @__PURE__ */ jsx(
84
- "section",
85
- {
86
- id: `id_${id}`,
87
- className: clsx(formContainer({ variant })),
88
- children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
89
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
90
- /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
91
- /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
92
- description && /* @__PURE__ */ jsx(
93
- "div",
94
- {
95
- className: clsx(
96
- "text_center",
97
- form,
98
- descriptionField({ variant })
99
- ),
100
- children: description
101
- }
102
- )
103
- ] }),
104
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
105
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
106
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
107
- Input,
108
- {
109
- id: "first_name",
110
- ...register("first_name", { required: true }),
111
- label: "First Name",
112
- sizes: "medium",
113
- placeholder: "First Name",
114
- required: true,
115
- error: !!errors.first_name,
116
- helperText: errors.first_name?.message,
117
- variant
83
+ return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
84
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
85
+ /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
86
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
87
+ description && /* @__PURE__ */ jsx(
88
+ "div",
89
+ {
90
+ className: clsx(
91
+ "text_center",
92
+ form,
93
+ descriptionField({ variant })
94
+ ),
95
+ children: description
96
+ }
97
+ )
98
+ ] }),
99
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
100
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
101
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
102
+ Input,
103
+ {
104
+ id: "first_name",
105
+ ...register("first_name", { required: true }),
106
+ label: "First Name",
107
+ sizes: "medium",
108
+ placeholder: "First Name",
109
+ required: true,
110
+ error: !!errors.first_name,
111
+ helperText: errors.first_name?.message,
112
+ variant
113
+ }
114
+ ) }),
115
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
116
+ Input,
117
+ {
118
+ id: "last_name",
119
+ ...register("last_name", { required: true }),
120
+ label: "Last Name",
121
+ sizes: "medium",
122
+ placeholder: "Last Name",
123
+ required: true,
124
+ error: !!errors.last_name,
125
+ helperText: errors.last_name?.message,
126
+ variant
127
+ }
128
+ ) }),
129
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
130
+ Input,
131
+ {
132
+ id: "email",
133
+ ...register("email", {
134
+ required: true,
135
+ validate: {
136
+ isValid: associatedEmail
118
137
  }
119
- ) }),
120
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
121
- Input,
122
- {
123
- id: "last_name",
124
- ...register("last_name", { required: true }),
125
- label: "Last Name",
126
- sizes: "medium",
127
- placeholder: "Last Name",
128
- required: true,
129
- error: !!errors.last_name,
130
- helperText: errors.last_name?.message,
131
- variant
132
- }
133
- ) }),
134
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
135
- Input,
136
- {
137
- id: "email",
138
- ...register("email", {
139
- required: true,
140
- validate: {
141
- isValid: associatedEmail
142
- }
143
- }),
144
- label: "Email",
145
- sizes: "medium",
146
- placeholder: "Email",
147
- required: true,
148
- error: !!errors.email,
149
- helperText: errors.email?.message,
150
- variant
151
- }
152
- ) }),
153
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
154
- InputPhone,
155
- {
156
- id: "phone",
157
- ...register("phone", { required: true, maxLength: 12 }),
158
- label: "Phone",
159
- sizes: "medium",
160
- placeholder: "Phone",
161
- required: true,
162
- error: !!errors.phone,
163
- helperText: errors.phone?.message,
164
- variant
165
- }
166
- ) }),
167
- /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
168
- Input,
169
- {
170
- id: "company",
171
- ...register("company", { required: true }),
172
- label: "Company",
173
- sizes: "medium",
174
- placeholder: "Company",
175
- required: true,
176
- error: !!errors.company,
177
- helperText: errors.company?.message,
178
- variant
179
- }
180
- ) })
181
- ] }),
182
- children,
183
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
184
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
185
- Button,
186
- {
187
- color: getVariant(callToAction?.variant),
188
- as: "button",
189
- type: "submit",
190
- disabled: !isValid || isSubmitting,
191
- children: callToAction?.displayText
192
- }
193
- ) })
194
- ] })
195
- ] }) })
196
- },
197
- id
198
- );
138
+ }),
139
+ label: "Email",
140
+ sizes: "medium",
141
+ placeholder: "Email",
142
+ required: true,
143
+ error: !!errors.email,
144
+ helperText: errors.email?.message,
145
+ variant
146
+ }
147
+ ) }),
148
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
149
+ InputPhone,
150
+ {
151
+ id: "phone",
152
+ ...register("phone", { required: true, maxLength: 12 }),
153
+ label: "Phone",
154
+ sizes: "medium",
155
+ placeholder: "Phone",
156
+ required: true,
157
+ error: !!errors.phone,
158
+ helperText: errors.phone?.message,
159
+ variant
160
+ }
161
+ ) }),
162
+ /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
163
+ Input,
164
+ {
165
+ id: "company",
166
+ ...register("company", { required: true }),
167
+ label: "Company",
168
+ sizes: "medium",
169
+ placeholder: "Company",
170
+ required: true,
171
+ error: !!errors.company,
172
+ helperText: errors.company?.message,
173
+ variant
174
+ }
175
+ ) })
176
+ ] }),
177
+ children,
178
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
179
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
180
+ Button,
181
+ {
182
+ color: getVariant(callToAction?.variant),
183
+ as: "button",
184
+ type: "submit",
185
+ disabled: !isValid || isSubmitting,
186
+ children: callToAction?.displayText
187
+ }
188
+ ) })
189
+ ] })
190
+ ] }) }) }, id);
199
191
  };
200
192
  export {
201
193
  ContactCompany
package/dist/Forms/ContactUs.js CHANGED
@@ -79,104 +79,96 @@ const ContactUs = ({
79
79
  await onSubmit(data);
80
80
  };
81
81
  const variant = getVariant(fullVariant);
82
- return /* @__PURE__ */ jsx(
83
- "section",
84
- {
85
- id: `id_${id}`,
86
- className: clsx(formContainer({ variant })),
87
- children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
88
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
89
- /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
90
- /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
91
- description && /* @__PURE__ */ jsx(
92
- "div",
93
- {
94
- className: `${form} ${descriptionField({ variant })} text_center`,
95
- children: description
96
- }
97
- )
98
- ] }),
99
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
100
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
101
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
102
- Input,
103
- {
104
- id: "first_name",
105
- ...register("first_name", { required: true }),
106
- label: "First Name",
107
- sizes: "medium",
108
- placeholder: "First Name",
109
- required: true,
110
- error: !!errors.first_name,
111
- helperText: errors.first_name?.message,
112
- variant
82
+ return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
83
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
84
+ /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
85
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
86
+ description && /* @__PURE__ */ jsx(
87
+ "div",
88
+ {
89
+ className: `${form} ${descriptionField({ variant })} text_center`,
90
+ children: description
91
+ }
92
+ )
93
+ ] }),
94
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
95
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
96
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
97
+ Input,
98
+ {
99
+ id: "first_name",
100
+ ...register("first_name", { required: true }),
101
+ label: "First Name",
102
+ sizes: "medium",
103
+ placeholder: "First Name",
104
+ required: true,
105
+ error: !!errors.first_name,
106
+ helperText: errors.first_name?.message,
107
+ variant
108
+ }
109
+ ) }),
110
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
111
+ Input,
112
+ {
113
+ id: "last_name",
114
+ ...register("last_name", { required: true }),
115
+ label: "Last Name",
116
+ sizes: "medium",
117
+ placeholder: "Last Name",
118
+ required: true,
119
+ error: !!errors.last_name,
120
+ helperText: errors.last_name?.message,
121
+ variant
122
+ }
123
+ ) }),
124
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
125
+ Input,
126
+ {
127
+ id: "email",
128
+ ...register("email", {
129
+ required: true,
130
+ validate: {
131
+ isValid: associatedEmail
113
132
  }
114
- ) }),
115
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
116
- Input,
117
- {
118
- id: "last_name",
119
- ...register("last_name", { required: true }),
120
- label: "Last Name",
121
- sizes: "medium",
122
- placeholder: "Last Name",
123
- required: true,
124
- error: !!errors.last_name,
125
- helperText: errors.last_name?.message,
126
- variant
127
- }
128
- ) }),
129
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
130
- Input,
131
- {
132
- id: "email",
133
- ...register("email", {
134
- required: true,
135
- validate: {
136
- isValid: associatedEmail
137
- }
138
- }),
139
- label: "Email",
140
- sizes: "medium",
141
- placeholder: "Email",
142
- required: true,
143
- error: !!errors.email,
144
- helperText: errors.email?.message,
145
- variant
146
- }
147
- ) }),
148
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
149
- InputPhone,
150
- {
151
- id: "phone",
152
- ...register("phone", { required: true, maxLength: 12 }),
153
- label: "Phone",
154
- sizes: "medium",
155
- placeholder: "Phone",
156
- required: true,
157
- error: !!errors.phone,
158
- helperText: errors.phone?.message,
159
- variant
160
- }
161
- ) })
162
- ] }),
163
- children,
164
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
165
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
166
- Button,
167
- {
168
- color: getVariant(callToAction?.variant),
169
- as: "button",
170
- type: "submit",
171
- disabled: !isValid || isSubmitting,
172
- children: callToAction?.displayText
173
- }
174
- ) })
175
- ] })
176
- ] }) })
177
- },
178
- id
179
- );
133
+ }),
134
+ label: "Email",
135
+ sizes: "medium",
136
+ placeholder: "Email",
137
+ required: true,
138
+ error: !!errors.email,
139
+ helperText: errors.email?.message,
140
+ variant
141
+ }
142
+ ) }),
143
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
144
+ InputPhone,
145
+ {
146
+ id: "phone",
147
+ ...register("phone", { required: true, maxLength: 12 }),
148
+ label: "Phone",
149
+ sizes: "medium",
150
+ placeholder: "Phone",
151
+ required: true,
152
+ error: !!errors.phone,
153
+ helperText: errors.phone?.message,
154
+ variant
155
+ }
156
+ ) })
157
+ ] }),
158
+ children,
159
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
160
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
161
+ Button,
162
+ {
163
+ color: getVariant(callToAction?.variant),
164
+ as: "button",
165
+ type: "submit",
166
+ disabled: !isValid || isSubmitting,
167
+ children: callToAction?.displayText
168
+ }
169
+ ) })
170
+ ] })
171
+ ] }) }) }, id);
180
172
  };
181
173
  export {
182
174
  ContactUs