@axos-web-dev/shared-components 0.0.106 → 0.0.107

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 (78) hide show
  1. package/dist/ATMLocator/ATMLocator.js +3 -2
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/BulletItem/BulletItem.d.ts +1 -1
  4. package/dist/BulletItem/BulletItem.js +5 -39
  5. package/dist/Button/Button.js +1 -0
  6. package/dist/Calculators/Calculator.js +3 -2
  7. package/dist/Carousel/index.js +3 -2
  8. package/dist/Chevron/index.js +1 -0
  9. package/dist/Comparison/Comparison.css.js +1 -0
  10. package/dist/Comparison/Comparison.js +1 -0
  11. package/dist/Comparison/ComparisonSet.d.ts +1 -1
  12. package/dist/Comparison/ComparisonSet.js +7 -119
  13. package/dist/DownloadTile/index.js +1 -1
  14. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  15. package/dist/Forms/ApplicationStart.js +1 -0
  16. package/dist/Forms/CommercialLending.js +1 -0
  17. package/dist/Forms/ContactCompany.js +1 -0
  18. package/dist/Forms/ContactUs.js +1 -0
  19. package/dist/Forms/ContactUsAAS.js +1 -0
  20. package/dist/Forms/ContactUsBusiness.js +1 -0
  21. package/dist/Forms/ContactUsNMLSId.js +1 -0
  22. package/dist/Forms/DealerServices.js +1 -0
  23. package/dist/Forms/EmailOnly.js +1 -0
  24. package/dist/Forms/FormEnums.d.ts +14 -0
  25. package/dist/Forms/FormEnums.js +94 -0
  26. package/dist/Forms/Forms.css.d.ts +17 -0
  27. package/dist/Forms/Forms.css.js +7 -0
  28. package/dist/Forms/QuickPricer.d.ts +30 -0
  29. package/dist/Forms/QuickPricer.js +759 -0
  30. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  31. package/dist/Forms/ScheduleCall.js +5 -1
  32. package/dist/Forms/ScheduleCallPremier.js +1 -0
  33. package/dist/Forms/SuccesForm.js +1 -0
  34. package/dist/Forms/WcplSurvey.js +1 -0
  35. package/dist/Forms/index.d.ts +1 -0
  36. package/dist/Forms/index.js +5 -1
  37. package/dist/Hyperlink/index.js +3 -2
  38. package/dist/ImageBillboard/ImageBillboard.js +1 -0
  39. package/dist/ImageBillboard/ImageBillboardSet.js +1 -0
  40. package/dist/ImageLink/ImageLink.js +2 -1
  41. package/dist/ImageLink/ImageLinkSet.js +3 -2
  42. package/dist/ImageLink/index.js +2 -1
  43. package/dist/Input/Checkbox.d.ts +1 -1
  44. package/dist/Input/CurrencyInput.js +1 -0
  45. package/dist/Input/DatePicker.css.d.ts +1 -0
  46. package/dist/Input/DatePicker.css.js +6 -0
  47. package/dist/Input/Datepicker.d.ts +3 -0
  48. package/dist/Input/Datepicker.js +47 -0
  49. package/dist/Input/InputAmount.d.ts +3 -0
  50. package/dist/Input/InputAmount.js +31 -0
  51. package/dist/Input/InputDate.css.d.ts +6 -0
  52. package/dist/Input/InputDate.css.js +15 -0
  53. package/dist/Input/InputDate.d.ts +3 -0
  54. package/dist/Input/InputDate.js +47 -0
  55. package/dist/Input/InputPhone.js +1 -0
  56. package/dist/Input/InputProps.d.ts +6 -0
  57. package/dist/Input/index.d.ts +1 -0
  58. package/dist/Input/index.js +2 -0
  59. package/dist/Interstitial/Interstitial.js +1 -1
  60. package/dist/Modal/Modal.js +1 -0
  61. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  62. package/dist/SetContainer/SetContainer.js +3 -2
  63. package/dist/Table/Table.d.ts +13 -13
  64. package/dist/assets/CallToActionBar/CallToActionBar.css +0 -4
  65. package/dist/assets/Comparison/Comparison.css +6 -0
  66. package/dist/assets/Forms/Forms.css +39 -0
  67. package/dist/assets/Input/DatePicker.css +95 -0
  68. package/dist/assets/Input/InputDate.css +39 -0
  69. package/dist/assets/SetContainer/SetContainer.css +1 -1
  70. package/dist/assets/Table/Table.css +2 -2
  71. package/dist/assets/themes/axos.css +2 -0
  72. package/dist/assets/themes/premier.css +2 -0
  73. package/dist/icons/CheckCircle.d.ts +2 -1
  74. package/dist/icons/CheckCircle.js +2 -0
  75. package/dist/main.js +7 -1
  76. package/dist/themes/axos.css.d.ts +4 -0
  77. package/dist/themes/axos.css.js +1 -1
  78. package/package.json +1 -1
@@ -8,10 +8,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
- /* empty css */
12
- /* empty css */
13
11
  import "../utils/allowedAxosDomains.js";
14
12
  import { getVariant } from "../utils/getVariant.js";
13
+ /* empty css */
14
+ /* empty css */
15
15
  import "../Button/Button.css.js";
16
16
  import "react";
17
17
  import "react-use";
@@ -51,6 +51,7 @@ import "../Input/Dropdown.js";
51
51
  /* empty css */
52
52
  import "../Input/Input.js";
53
53
  import "../Input/Input.css.js";
54
+ import "../Input/InputAmount.js";
54
55
  import "../Input/InputPhone.js";
55
56
  import "../Input/InputTextArea.js";
56
57
  import "react-hook-form";
@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
4
4
  width: {
5
5
  "1/2": {
6
6
  display: "flex";
7
- flexBasis: `${number}%`;
7
+ flexBasis: "50%";
8
8
  };
9
9
  "1/3": {
10
10
  display: "flex";
11
- flexBasis: `${number}%`;
11
+ flexBasis: "33.333333333333336%";
12
12
  };
13
13
  "2/3": {
14
14
  display: "flex";
15
- flexBasis: `${number}%`;
15
+ flexBasis: "66.66666666666667%";
16
16
  };
17
17
  "1/4": {
18
18
  display: "flex";
19
- flexBasis: `${number}%`;
19
+ flexBasis: "25%";
20
20
  };
21
21
  "3/4": {
22
22
  display: "flex";
23
- flexBasis: `${number}%`;
23
+ flexBasis: "75%";
24
24
  };
25
25
  "1/5": {
26
26
  display: "flex";
27
- flexBasis: `${number}%`;
27
+ flexBasis: "20%";
28
28
  };
29
29
  "2/5": {
30
30
  display: "flex";
31
- flexBasis: `${number}%`;
31
+ flexBasis: "40%";
32
32
  };
33
33
  "3/5": {
34
34
  display: "flex";
35
- flexBasis: `${number}%`;
35
+ flexBasis: "60%";
36
36
  };
37
37
  "4/5": {
38
38
  display: "flex";
39
- flexBasis: `${number}%`;
39
+ flexBasis: "80%";
40
40
  };
41
41
  };
42
42
  }>;
@@ -1,5 +1,5 @@
1
- import { PropsWithChildren, ReactNode } from 'react';
2
1
  import { QuaternaryTypes } from '../utils';
2
+ import { PropsWithChildren, ReactNode } from 'react';
3
3
 
4
4
  export interface BulletItemProps extends PropsWithChildren {
5
5
  id: string;
@@ -1,54 +1,20 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { listItem } from "../IconBillboard/IconBillboard.css.js";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgCheckCircle from "../icons/CheckCircle.js";
5
- import SvgCheckCircleLight from "../icons/CheckCircleLight.js";
6
5
  import "../icons/CheckIcon/CheckIcon.css.js";
7
6
  /* empty css */
8
7
  /* empty css */
9
8
  /* empty css */
10
9
  /* empty css */
11
- import { vars } from "../themes/axos.css.js";
12
- import { bulletIcon } from "./BulletItem.css.js";
13
10
  import "../utils/allowedAxosDomains.js";
14
11
  import { getVariant } from "../utils/getVariant.js";
12
+ import { bulletIcon } from "./BulletItem.css.js";
15
13
  const BulletItem = (props) => {
16
- const iconCheckVariant = /* @__PURE__ */ new Map([
17
- [
18
- "primary",
19
- /* @__PURE__ */ jsx(SvgCheckCircle, { fill: vars.icons.check.primary, height: 18, width: 18 })
20
- ],
21
- [
22
- "secondary",
23
- /* @__PURE__ */ jsx(SvgCheckCircle, { fill: vars.icons.check.primary, height: 18, width: 18 })
24
- ],
25
- [
26
- "tertiary",
27
- /* @__PURE__ */ jsx(
28
- SvgCheckCircleLight,
29
- {
30
- fill: vars.icons.check.secondary,
31
- height: 18,
32
- width: 18
33
- }
34
- )
35
- ],
36
- [
37
- "quaternary",
38
- /* @__PURE__ */ jsx(
39
- SvgCheckCircleLight,
40
- {
41
- fill: vars.icons.check.secondary,
42
- height: 18,
43
- width: 18
44
- }
45
- )
46
- ],
47
- [void 0, /* @__PURE__ */ jsx(SvgCheckCircleLight, { height: 18, width: 18 })]
48
- ]);
49
- const Icon = iconCheckVariant.get(getVariant(props.variant));
14
+ const fullVariant = getVariant(props?.variant);
15
+ const variant = fullVariant === "primary" || fullVariant === "secondary" ? "primary" : "secondary";
50
16
  return /* @__PURE__ */ jsxs("li", { className: listItem, children: [
51
- /* @__PURE__ */ jsx("span", { className: bulletIcon, children: Icon }),
17
+ /* @__PURE__ */ jsx("span", { className: bulletIcon, children: /* @__PURE__ */ jsx(SvgCheckCircle, { variant, height: 18, width: 18 }) }),
52
18
  /* @__PURE__ */ jsx("div", { children: props.children })
53
19
  ] }, props.id);
54
20
  };
@@ -32,6 +32,7 @@ import "../Input/Dropdown.js";
32
32
  /* empty css */
33
33
  import "../Input/Input.js";
34
34
  import "../Input/Input.css.js";
35
+ import "../Input/InputAmount.js";
35
36
  import "../Input/InputPhone.js";
36
37
  import "../Input/InputTextArea.js";
37
38
  import "react-hook-form";
@@ -11,10 +11,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
- /* empty css */
15
- /* empty css */
16
14
  import "../utils/allowedAxosDomains.js";
17
15
  import { getVariant } from "../utils/getVariant.js";
16
+ /* empty css */
17
+ /* empty css */
18
18
  import "../Accordion/Accordion.js";
19
19
  import "../Accordion/Accordion.css.js";
20
20
  import "../AlertBanner/AlertBanner.css.js";
@@ -56,6 +56,7 @@ import "../Input/Dropdown.js";
56
56
  /* empty css */
57
57
  import "../Input/Input.js";
58
58
  import "../Input/Input.css.js";
59
+ import "../Input/InputAmount.js";
59
60
  import "../Input/InputPhone.js";
60
61
  import "../Input/InputTextArea.js";
61
62
  import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -10,10 +10,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
10
10
  import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
11
11
  import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
12
12
  import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
13
- /* empty css */
14
- /* empty css */
15
13
  import "../utils/allowedAxosDomains.js";
16
14
  import { getVariant } from "../utils/getVariant.js";
15
+ /* empty css */
16
+ /* empty css */
17
17
  import "../Accordion/Accordion.js";
18
18
  import "../Accordion/Accordion.css.js";
19
19
  import "../AlertBanner/AlertBanner.css.js";
@@ -38,6 +38,7 @@ import "../Input/Dropdown.js";
38
38
  /* empty css */
39
39
  import "../Input/Input.js";
40
40
  import "../Input/Input.css.js";
41
+ import "../Input/InputAmount.js";
41
42
  import "../Input/InputPhone.js";
42
43
  import "../Input/InputTextArea.js";
43
44
  import "react-hook-form";
@@ -35,6 +35,7 @@ import "../Input/Dropdown.js";
35
35
  /* empty css */
36
36
  import "../Input/Input.js";
37
37
  import "../Input/Input.css.js";
38
+ import "../Input/InputAmount.js";
38
39
  import "../Input/InputPhone.js";
39
40
  import "../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -1,3 +1,4 @@
1
+ /* empty css */
1
2
  /* empty css */
2
3
  /* empty css */
3
4
  /* empty css */
@@ -33,6 +33,7 @@ import "../Input/Dropdown.js";
33
33
  /* empty css */
34
34
  import "../Input/Input.js";
35
35
  import "../Input/Input.css.js";
36
+ import "../Input/InputAmount.js";
36
37
  import "../Input/InputPhone.js";
37
38
  import "../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -1,3 +1,3 @@
1
1
  import { ComparisonSetProps } from './Comparison.interface';
2
2
 
3
- export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, callToActionRow, }: ComparisonSetProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ComparisonSet: ({ headline, variant, id, additionalDetails, icon, eyebrow, bodyCopy, comparisonElements, }: ComparisonSetProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,102 +1,15 @@
1
1
  "use client";
2
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState, createElement } from "react";
4
- import "../Accordion/Accordion.js";
5
- import "../Accordion/Accordion.css.js";
6
- import { Chevron } from "../Chevron/index.js";
7
- import "../icons/ArrowIcon/ArrowIcon.css.js";
8
- import "../icons/CheckIcon/CheckIcon.css.js";
9
- /* empty css */
10
- /* empty css */
11
- /* empty css */
12
- /* empty css */
13
- import "../AlertBanner/AlertBanner.css.js";
14
- import { getVariant } from "../utils/getVariant.js";
15
- import "../Article/Article.css.js";
16
- import "../ArticlesSet/ArticlesSet.css.js";
17
- import { Button } from "../Button/Button.js";
18
- import { buttons } from "../IconBillboard/IconBillboard.css.js";
19
- import "../utils/allowedAxosDomains.js";
20
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
21
- import "../Button/Button.css.js";
22
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
23
- import "react-use";
24
- import clsx from "clsx";
25
- import "../Table/Table.css.js";
26
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
27
- import "@hookform/resolvers/zod";
28
- import "../Input/Checkbox.js";
29
- import "../Input/CurrencyInput.js";
30
- import "../Input/Dropdown.js";
31
- /* empty css */
32
- /* empty css */
33
- import "../Input/Input.js";
34
- import "../Input/Input.css.js";
35
- import "../Input/InputPhone.js";
36
- import "../Input/InputTextArea.js";
37
- import "react-hook-form";
38
- import "../Forms/Forms.css.js";
39
- import "../Forms/SalesforceFieldsForm.js";
40
- import "../LoadingIndicator/LoadingIndicator.css.js";
41
- import "../Input/RadioButton.js";
42
- import "iframe-resizer";
43
- import "../Calculators/calculator.css.js";
44
- /* empty css */
45
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
46
- /* empty css */
47
- /* empty css */
48
- import "next/image.js";
49
- /* empty css */
50
- /* empty css */
51
- import "../Carousel/index.js";
52
- import "../Hyperlink/Hyperlink.css.js";
53
- /* empty css */
54
- import { comparison_container, comparison_tab_container } from "./Comparison.css.js";
55
- import "../HeroBanner/HeroBanner.css.js";
56
- import "../ContentBanner/ContentBanner.css.js";
57
- /* empty css */
58
- import "../ExecutiveBio/ExecutiveBio.css.js";
59
- import "../FaqAccordion/index.js";
60
- import "../FooterDisclosure/FooterDisclosure.css.js";
61
- /* empty css */
62
- import "../HeroBanner/LargeBanner.css.js";
63
- import "../HeroBanner/SelectionBanner.css.js";
64
- import "../SetContainer/SetContainer.css.js";
65
- import "../ImageBillboard/ImageBillboard.css.js";
66
4
  import { SetContainer } from "../SetContainer/SetContainer.js";
67
- import "../Interstitial/Interstitial-variants.css.js";
68
- import "../LandingPageHeader/LandingPageHeader.css.js";
69
- import "../Chevron/Chevron.css.js";
70
- /* empty css */
71
- import "../Modal/contextApi/store.js";
72
- /* empty css */
73
- /* empty css */
74
- /* empty css */
75
- /* empty css */
76
- import "next/link.js";
77
- /* empty css */
78
- import "next/navigation.js";
79
- /* empty css */
80
- /* empty css */
81
- import "../PageNavItem/PageNavItem.css.js";
82
- import "lodash";
83
- import "react-slick";
84
- /* empty css */
85
- /* empty css */
86
- /* empty css */
87
- /* empty css */
88
- import "../StepItem/StepItem.css.js";
89
- import "../StepItemSet/StepItemSet.css.js";
90
- /* empty css */
91
- /* empty css */
92
- /* empty css */
93
- import "next/script.js";
94
- /* empty css */
95
- /* empty css */
5
+ import "../SetContainer/SetContainer.css.js";
96
6
  import { Tab } from "../Tab/Tab.js";
97
7
  import { TabContainer } from "../Tab/TabContainer.js";
98
8
  import { active_tab } from "../Tab/Tab.css.js";
9
+ import { getVariant } from "../utils/getVariant.js";
10
+ import clsx from "clsx";
99
11
  import { Comparison } from "./Comparison.js";
12
+ import { comparison_container, comparison_tab_container } from "./Comparison.css.js";
100
13
  const ComparisonSet = ({
101
14
  headline,
102
15
  variant,
@@ -105,37 +18,12 @@ const ComparisonSet = ({
105
18
  icon,
106
19
  eyebrow,
107
20
  bodyCopy,
108
- comparisonElements,
109
- callToActionRow
21
+ comparisonElements
110
22
  }) => {
111
23
  const [toggleState, setToggleState] = useState(0);
112
24
  const toggleTab = (index) => {
113
25
  setToggleState(index);
114
26
  };
115
- const formatAdditionalDetails = /* @__PURE__ */ jsxs(Fragment, { children: [
116
- additionalDetails,
117
- callToActionRow && callToActionRow?.length > 0 && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow?.map(
118
- ({ id: id2, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
119
- Button,
120
- {
121
- targetUrl,
122
- color: getVariant(variant2),
123
- size: "medium",
124
- rounded: "medium",
125
- children: displayText
126
- },
127
- id2
128
- ) : /* @__PURE__ */ jsx(
129
- Chevron,
130
- {
131
- targetUrl,
132
- variant: getVariant(variant2),
133
- children: displayText
134
- },
135
- id2
136
- )
137
- ) })
138
- ] });
139
27
  return /* @__PURE__ */ jsx(
140
28
  SetContainer,
141
29
  {
@@ -145,7 +33,7 @@ const ComparisonSet = ({
145
33
  icon,
146
34
  eyebrow,
147
35
  bodyCopy,
148
- additionalDetails: formatAdditionalDetails,
36
+ additionalDetails,
149
37
  isolate: true,
150
38
  children: /* @__PURE__ */ jsxs("div", { className: clsx(comparison_container), children: [
151
39
  /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
@@ -11,7 +11,7 @@ const DownloadTile = ({
11
11
  additionalDetails,
12
12
  downloadTiles
13
13
  }) => {
14
- return /* @__PURE__ */ jsx("section", { className: `containment section_spacer`, children: /* @__PURE__ */ jsxs("div", { className: table_section, children: [
14
+ return /* @__PURE__ */ jsx("section", { id, className: `containment section_spacer`, children: /* @__PURE__ */ jsxs("div", { className: table_section, children: [
15
15
  /* @__PURE__ */ jsx("div", { className: `${table_section_container}`, children: (titleText || description) && /* @__PURE__ */ jsxs("div", { className: `${table_header} section_header`, children: [
16
16
  titleText && /* @__PURE__ */ jsx("h2", { className: `text_center`, children: titleText }),
17
17
  description && /* @__PURE__ */ jsx(Fragment, { children: description })
@@ -13,9 +13,9 @@ import "../../AlertBanner/AlertBanner.css.js";
13
13
  import "../../Article/Article.css.js";
14
14
  import "../../ArticlesSet/ArticlesSet.css.js";
15
15
  import "../../IconBillboard/IconBillboard.css.js";
16
+ import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
16
17
  /* empty css */
17
18
  /* empty css */
18
- import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
19
19
  import "../../Button/Button.css.js";
20
20
  import "react-use";
21
21
  import "../../Interstitial/Interstitial-variants.css.js";
@@ -33,6 +33,7 @@ import "../../Input/Dropdown.js";
33
33
  /* empty css */
34
34
  import "../../Input/Input.js";
35
35
  import "../../Input/Input.css.js";
36
+ import "../../Input/InputAmount.js";
36
37
  import "../../Input/InputPhone.js";
37
38
  import "../../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -12,6 +12,7 @@ import "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -12,6 +12,7 @@ import { Dropdown } from "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -12,6 +12,7 @@ import "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -12,6 +12,7 @@ import "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -12,6 +12,7 @@ import { Dropdown } from "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -8,6 +8,7 @@ import "../Input/Dropdown.js";
8
8
  /* empty css */
9
9
  import { Input } from "../Input/Input.js";
10
10
  import "../Input/Input.css.js";
11
+ import "../Input/InputAmount.js";
11
12
  import { InputPhone } from "../Input/InputPhone.js";
12
13
  import "../Input/InputTextArea.js";
13
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -8,6 +8,7 @@ import "../Input/Dropdown.js";
8
8
  /* empty css */
9
9
  import { Input } from "../Input/Input.js";
10
10
  import "../Input/Input.css.js";
11
+ import "../Input/InputAmount.js";
11
12
  import { InputPhone } from "../Input/InputPhone.js";
12
13
  import "../Input/InputTextArea.js";
13
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -12,6 +12,7 @@ import { Dropdown } from "../Input/Dropdown.js";
12
12
  /* empty css */
13
13
  import { Input } from "../Input/Input.js";
14
14
  import "../Input/Input.css.js";
15
+ import "../Input/InputAmount.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -8,6 +8,7 @@ import "../Input/Dropdown.js";
8
8
  /* empty css */
9
9
  import { Input } from "../Input/Input.js";
10
10
  import "../Input/Input.css.js";
11
+ import "../Input/InputAmount.js";
11
12
  import "../Input/InputPhone.js";
12
13
  import "../Input/InputTextArea.js";
13
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,3 +7,17 @@ export declare const LeadType: string[];
7
7
  export declare const TypeOfEquipment: string[];
8
8
  export declare const AssetClass: string[];
9
9
  export declare const PurposeOfLoan: string[];
10
+ export declare const Purposes: string[];
11
+ export declare const RepresentativesFico: string[];
12
+ export declare const DocType: string[];
13
+ export declare const Citizenship: string[];
14
+ export declare const MortgageLates: string[];
15
+ export declare const HousingEventType: string[];
16
+ export declare const HousingEventHistory: string[];
17
+ export declare const BankruptcyType: string[];
18
+ export declare const BankruptcySeasoning: string[];
19
+ export declare const PropertyType: string[];
20
+ export declare const Occupancy: string[];
21
+ export declare const NumberOfUnits: string[];
22
+ export declare const PrepaymentPenalty: string[];
23
+ export declare const BrokerConpensation: string[];
@@ -45,12 +45,106 @@ const AssetClass = [
45
45
  "Other"
46
46
  ];
47
47
  const PurposeOfLoan = ["Bridge", "Construction"];
48
+ const Purposes = [
49
+ "Purchase",
50
+ "Refi Cashout",
51
+ "Refi Rate-Term/Limited C.O."
52
+ ];
53
+ const RepresentativesFico = [
54
+ "780 +",
55
+ "779 - 760",
56
+ "759 - 740",
57
+ "739 - 720",
58
+ "719 - 700",
59
+ "699 - 680",
60
+ "679 - 660",
61
+ "659 - 640",
62
+ "639 - 620",
63
+ "Below 620"
64
+ ];
65
+ const DocType = [
66
+ "Full Doc",
67
+ "Asset Depletion",
68
+ "Personal Bank Stmt: 12 Mos",
69
+ "Business Bank Stmt: 12 Mos",
70
+ "Personal Bank Stmt: 24 Mos",
71
+ "Business Bank Stmt: 24 Mos",
72
+ "Investor - DSCR",
73
+ "Investor - DSCR No Ratio",
74
+ "Written VOE",
75
+ "2 Year Alt Doc",
76
+ "1yr Streamlined Full Doc"
77
+ ];
78
+ const Citizenship = [
79
+ "U.S. Citizen",
80
+ "Perm. Resident Alien",
81
+ "Non-Perm. Resident Alien",
82
+ "Foreign National"
83
+ ];
84
+ const MortgageLates = ["0x30", "1x30", "2x30", "3x30 +"];
85
+ const HousingEventType = [
86
+ "None",
87
+ "Deed-In-Lieu",
88
+ "Short Sale",
89
+ "Forbearance",
90
+ "Foreclosure",
91
+ "Modification"
92
+ ];
93
+ const HousingEventHistory = [
94
+ "Not Applicable",
95
+ "1-12 Months",
96
+ "13-24 Months",
97
+ "25-36 Months",
98
+ "37-48 Months",
99
+ "49-60 Months",
100
+ "More than 5 Years Ago"
101
+ ];
102
+ const BankruptcyType = ["None", "Chapter 7", "Chapter 11", "Chapter 13"];
103
+ const BankruptcySeasoning = [
104
+ "Not Applicable",
105
+ "1-12 Months",
106
+ "13-24 Months",
107
+ "25-36 Months",
108
+ "37-48 Months",
109
+ "49-60 Months",
110
+ "More than 5 Years Ago"
111
+ ];
112
+ const PropertyType = [
113
+ "Single Family Residence",
114
+ "Condo",
115
+ "Co-op",
116
+ "Condotel"
117
+ ];
118
+ const Occupancy = ["Principal Residence", "Second Home", "Investment"];
119
+ const NumberOfUnits = ["1 Unit", "2 Unit", "3 Unit", "4 Unit"];
120
+ const PrepaymentPenalty = [
121
+ "1 Year",
122
+ "2 Year",
123
+ "3 Year",
124
+ "4 Year",
125
+ "5 Year"
126
+ ];
127
+ const BrokerConpensation = ["Borrower Paid", "Lender Paid"];
48
128
  export {
49
129
  AnnualGrossRevenue,
50
130
  AssetClass,
131
+ BankruptcySeasoning,
132
+ BankruptcyType,
133
+ BrokerConpensation,
134
+ Citizenship,
51
135
  CurrentAssets,
136
+ DocType,
137
+ HousingEventHistory,
138
+ HousingEventType,
52
139
  LeadType,
140
+ MortgageLates,
141
+ NumberOfUnits,
142
+ Occupancy,
143
+ PrepaymentPenalty,
144
+ PropertyType,
53
145
  PurposeOfLoan,
146
+ Purposes,
147
+ RepresentativesFico,
54
148
  Roles,
55
149
  TimeInBusiness,
56
150
  TypeOfEquipment
@@ -162,3 +162,20 @@ export declare const descriptionField: import('@vanilla-extract/recipes').Runtim
162
162
  }>;
163
163
  export declare const fullRowForm: string;
164
164
  export declare const one_row: string;
165
+ export declare const section_title: import('@vanilla-extract/recipes').RuntimeFn<{
166
+ variant: {
167
+ primary: {
168
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
169
+ };
170
+ secondary: {
171
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
172
+ };
173
+ tertiary: {
174
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
175
+ };
176
+ quaternary: {
177
+ borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
178
+ };
179
+ };
180
+ }>;
181
+ export declare const checkbox_group: string;