@axos-web-dev/shared-components 2.0.0-dev.13 → 2.0.0-dev.13-stepForm.1

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 (56) hide show
  1. package/dist/ATMLocator/ATMLocator.js +3 -2
  2. package/dist/Auth/ErrorAlert.js +2 -1
  3. package/dist/Button/Button.js +3 -2
  4. package/dist/Calculators/Calculator.js +2 -1
  5. package/dist/Calculators/MarginTradingCalculator/index.js +3 -2
  6. package/dist/Carousel/index.js +3 -2
  7. package/dist/Chevron/index.js +3 -2
  8. package/dist/Comparison/Comparison.js +4 -3
  9. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  10. package/dist/FaqAccordion/index.js +3 -2
  11. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +3 -2
  12. package/dist/Forms/ApplyNow.js +3 -2
  13. package/dist/Forms/ContactUsBusiness.js +3 -2
  14. package/dist/Forms/ContactUsBusinessNameEmail.js +3 -2
  15. package/dist/Forms/ContactUsNMLSId.js +3 -2
  16. package/dist/Forms/CpraRequest.js +3 -2
  17. package/dist/Forms/CraPublicFile.js +3 -2
  18. package/dist/Forms/EmailOnly.js +3 -2
  19. package/dist/Forms/MortgageRate/MortgageRateForm.js +3 -2
  20. package/dist/Forms/MortgageRate/MortgageRateStep.css.d.ts +47 -0
  21. package/dist/Forms/MortgageRate/MortgageRateStep.css.js +98 -0
  22. package/dist/Forms/MortgageRate/MortgageRateStep.d.ts +1 -0
  23. package/dist/Forms/MortgageRate/MortgageRateStep.js +877 -0
  24. package/dist/Forms/MortgageRate/MortgageRateWatch.js +3 -2
  25. package/dist/Forms/MortgageRate/mortgageLeadForm.config.d.ts +101 -0
  26. package/dist/Forms/MortgageRate/mortgageLeadForm.config.js +57 -0
  27. package/dist/Forms/MortgageRate/mortgageLeadForm.types.d.ts +29 -0
  28. package/dist/Forms/MortgageRate/mortgageLeadForm.types.js +1 -0
  29. package/dist/Forms/MortgageRate/mortgageLeadForm.utils.d.ts +11 -0
  30. package/dist/Forms/MortgageRate/mortgageLeadForm.utils.js +74 -0
  31. package/dist/Forms/MortgageWarehouseLending.js +3 -2
  32. package/dist/Forms/SuccesForm.js +2 -1
  33. package/dist/Forms/index.d.ts +1 -0
  34. package/dist/Forms/index.js +2 -0
  35. package/dist/Hyperlink/index.js +3 -2
  36. package/dist/ImageLink/ImageLink.js +3 -2
  37. package/dist/ImageLink/ImageLinkSet.js +3 -2
  38. package/dist/ImageLink/index.js +3 -2
  39. package/dist/Insight/Featured/CategorySelector.js +3 -2
  40. package/dist/Insight/Featured/Featured.js +3 -2
  41. package/dist/Insight/Featured/Header.js +3 -2
  42. package/dist/Modal/Modal.js +3 -2
  43. package/dist/NavigationMenu/AxosALTS/index.js +3 -2
  44. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +3 -2
  45. package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -2
  46. package/dist/NavigationMenu/AxosBank/index.js +3 -2
  47. package/dist/NavigationMenu/LaVictoire/index.js +3 -2
  48. package/dist/NavigationMenu/Navbar.js +3 -2
  49. package/dist/NavigationMenu/SignInNavButton.js +3 -2
  50. package/dist/SetContainer/SetContainer.js +3 -2
  51. package/dist/SocialMediaBar/iconsRepository.js +3 -2
  52. package/dist/VideoTile/VideoTile.js +3 -2
  53. package/dist/VideoWrapper/index.js +3 -2
  54. package/dist/assets/Forms/MortgageRate/MortgageRateStep.css +340 -0
  55. package/dist/main.js +2 -0
  56. package/package.json +148 -148
@@ -4,7 +4,7 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
6
  import SvgChevronUp from "../icons/ChevronUp.js";
7
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
7
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -59,6 +59,8 @@ import "../Input/RadioButton.css.js";
59
59
  import "../Input/Checkbox.css.js";
60
60
  import "../LoadingIndicator/LoadingIndicator.css.js";
61
61
  import "../Inputs/Input.css.js";
62
+ /* empty css */
63
+ import "../ExecutiveBio/ExecutiveBio.css.js";
62
64
  /* empty css */
63
65
  import "../Hyperlink/Hyperlink.css.js";
64
66
  /* empty css */
@@ -94,7 +96,6 @@ import "../Tab/Tab.css.js";
94
96
  import "../icons/Star/Star.css.js";
95
97
  import "../ContentBanner/ContentBanner.css.js";
96
98
  /* empty css */
97
- import "../ExecutiveBio/ExecutiveBio.css.js";
98
99
  import "../FaqAccordion/index.js";
99
100
  import "../FooterDisclosure/FooterDisclosure.css.js";
100
101
  /* empty css */
@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
6
+ import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -52,6 +52,8 @@ import "../Input/RadioButton.css.js";
52
52
  import "../Input/Checkbox.css.js";
53
53
  import "../LoadingIndicator/LoadingIndicator.css.js";
54
54
  import "../Inputs/Input.css.js";
55
+ /* empty css */
56
+ import "../ExecutiveBio/ExecutiveBio.css.js";
55
57
  /* empty css */
56
58
  import "../Hyperlink/Hyperlink.css.js";
57
59
  /* empty css */
@@ -87,7 +89,6 @@ import "../Tab/Tab.css.js";
87
89
  import "../icons/Star/Star.css.js";
88
90
  import "../ContentBanner/ContentBanner.css.js";
89
91
  /* empty css */
90
- import "../ExecutiveBio/ExecutiveBio.css.js";
91
92
  import "../FaqAccordion/index.js";
92
93
  import "../FooterDisclosure/FooterDisclosure.css.js";
93
94
  /* empty css */
@@ -0,0 +1,340 @@
1
+ @keyframes _13s19j312 {
2
+ 0% {
3
+ transform: translateX(-100%);
4
+ }
5
+ 100% {
6
+ transform: translateX(220%);
7
+ }
8
+ }
9
+ ._13s19j30 {
10
+ background: #e9f8ff;
11
+ display: flex;
12
+ flex-direction: column;
13
+ gap: 24px;
14
+ isolation: isolate;
15
+ justify-content: center;
16
+ min-height: calc(100dvh - 81px);
17
+ padding: 56px 24px;
18
+ position: relative;
19
+ }
20
+ ._13s19j31 {
21
+ background: #fff;
22
+ border: 1px solid #c9e6f7;
23
+ border-radius: 24px;
24
+ box-shadow: 0 16px 40px rgba(20, 38, 61, 0.08);
25
+ margin-inline: auto;
26
+ max-width: 760px;
27
+ padding: 32px;
28
+ width: 100%;
29
+ }
30
+ ._13s19j32 {
31
+ margin-bottom: 28px;
32
+ }
33
+ ._13s19j33 {
34
+ display: flex;
35
+ align-items: center;
36
+ gap: 12px;
37
+ justify-content: space-between;
38
+ margin-bottom: 10px;
39
+ }
40
+ ._13s19j34 {
41
+ color: #1e3860;
42
+ font-size: 14px;
43
+ font-weight: 700;
44
+ }
45
+ ._13s19j35 {
46
+ background: #dff1fb;
47
+ border-radius: 999px;
48
+ height: 10px;
49
+ overflow: hidden;
50
+ }
51
+ ._13s19j36 {
52
+ background: linear-gradient(90deg, #1e629a 0%, #1e3860 100%);
53
+ border-radius: 999px;
54
+ height: 100%;
55
+ transition: width 220ms ease;
56
+ }
57
+ ._13s19j37 {
58
+ display: flex;
59
+ flex-direction: column;
60
+ min-height: 430px;
61
+ }
62
+ ._13s19j38 {
63
+ color: #1e3860;
64
+ font-size: clamp(22px, 4vw, 32px);
65
+ font-weight: 700;
66
+ line-height: 1.15;
67
+ margin: 0;
68
+ }
69
+ ._13s19j39 {
70
+ margin: 10px 0 24px;
71
+ color: #58677a;
72
+ font-size: 14px;
73
+ line-height: 1.5;
74
+ }
75
+ ._13s19j3a {
76
+ display: grid;
77
+ gap: 10px;
78
+ }
79
+ ._13s19j3b {
80
+ color: #b42318;
81
+ font-size: 13px;
82
+ font-weight: 600;
83
+ }
84
+ ._13s19j3c {
85
+ color: #1e3860;
86
+ font-weight: 700;
87
+ font-size: 14px;
88
+ }
89
+ ._13s19j3a:has(._13s19j3b) ._13s19j3c {
90
+ color: #b42318;
91
+ }
92
+ ._13s19j3d {
93
+ display: grid;
94
+ gap: 12px;
95
+ grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
96
+ }
97
+ ._13s19j3e {
98
+ display: block;
99
+ border-radius: 12px;
100
+ border: 1px solid #c9e6f7;
101
+ background: #fff;
102
+ padding: 16px 18px;
103
+ cursor: pointer;
104
+ transition: all 180ms ease;
105
+ }
106
+ ._13s19j3e:hover {
107
+ border-color: #1e629a;
108
+ background: #e9f8ff;
109
+ }
110
+ ._13s19j3f {
111
+ border-color: #1e3860;
112
+ background: #f2fbff;
113
+ box-shadow: 0 0 0 1px #1e3860;
114
+ position: relative;
115
+ }
116
+ ._13s19j3f::after {
117
+ content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTguNSIgaGVpZ2h0PSIxOC41IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Il8xeGFqbnF1MCBfMXhham5xdTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNzUgOUMxNy43NSA0LjE2NzUxIDEzLjgzMjUgMC4yNSA5IDAuMjVDNC4xNjc1MSAwLjI1IDAuMjUgNC4xNjc1MSAwLjI1IDlDMC4yNSAxMy44MzI1IDQuMTY3NTEgMTcuNzUgOSAxNy43NUMxMy44MzI1IDE3Ljc1IDE3Ljc1IDEzLjgzMjUgMTcuNzUgOVpNMTIuOTMzIDYuMDU4MDdMMTMuODE2OSA2Ljk0MTk1TDcuNzQ5OTcgMTMuMDA4OUw0LjE4MzAzIDkuNDQxOTVMNS4wNjY5MSA4LjU1ODA3TDcuNzQ5OTcgMTEuMjQwNkwxMi45MzMgNi4wNTgwN1oiIGZpbGw9IiMxRTM4NjAiPjwvcGF0aD48L3N2Zz4=);
118
+ position: absolute;
119
+ right: 18px;
120
+ top: 18px;
121
+ }
122
+ ._13s19j3g {
123
+ color: #1e3860;
124
+ font-family: var(--header-font-family);
125
+ font-weight: 700;
126
+ }
127
+ ._13s19j3h {
128
+ align-items: start;
129
+ display: grid;
130
+ gap: 16px;
131
+ }
132
+ ._13s19j3i {
133
+ display: grid;
134
+ grid-template-columns: 1fr 1fr;
135
+ gap: 16px;
136
+ }
137
+ ._13s19j3j {
138
+ background: #fff;
139
+ border: 1px solid #c9e6f7;
140
+ border-radius: 12px;
141
+ color: #14263d;
142
+ font-family: var(--header-font-family);
143
+ outline: none;
144
+ padding: 14px 16px;
145
+ }
146
+ ._13s19j3j:focus {
147
+ border-color: #1e629a;
148
+ box-shadow: 0 0 0 3px #e9f8ff;
149
+ }
150
+ ._13s19j3a:has(._13s19j3b) ._13s19j3j {
151
+ border-color: #b42318;
152
+ }
153
+ ._13s19j3k {
154
+ color: #58677a;
155
+ font-size: 13px;
156
+ line-height: 1.5;
157
+ }
158
+ ._13s19j3l {
159
+ background: #e9f8ff;
160
+ border: 1px solid #c9e6f7;
161
+ border-radius: 16px;
162
+ margin-block: 8px;
163
+ padding: 14px 16px;
164
+ }
165
+ ._13s19j3m {
166
+ color: #1e3860;
167
+ display: block;
168
+ font-size: 12px;
169
+ font-weight: 700;
170
+ letter-spacing: 0.04em;
171
+ margin-bottom: 4px;
172
+ text-transform: uppercase;
173
+ }
174
+ ._13s19j3n {
175
+ color: #14263d;
176
+ font-size: 24px;
177
+ font-weight: 700;
178
+ }
179
+ ._13s19j3o {
180
+ display: grid;
181
+ gap: 8px;
182
+ }
183
+ ._13s19j3p {
184
+ display: flex;
185
+ justify-content: space-between;
186
+ align-items: center;
187
+ gap: 12px;
188
+ }
189
+ ._13s19j3q {
190
+ color: #1e3860;
191
+ font-size: 15px;
192
+ font-weight: 700;
193
+ }
194
+ ._13s19j3r {
195
+ accent-color: #1e3860;
196
+ cursor: pointer;
197
+ }
198
+ ._13s19j3s {
199
+ display: flex;
200
+ align-items: flex-end;
201
+ flex: 1 1 0%;
202
+ gap: 12px;
203
+ justify-content: space-between;
204
+ margin-top: 28px;
205
+ }
206
+ ._13s19j3t {
207
+ border: none;
208
+ border-radius: 8px;
209
+ cursor: pointer;
210
+ font-family: var(--header-font-family);
211
+ font-size: 15px;
212
+ font-weight: 700;
213
+ padding: 12px 20px;
214
+ transition: all 180ms ease;
215
+ }
216
+ ._13s19j3u {
217
+ background: #fff;
218
+ border: 1px solid #c9e6f7;
219
+ color: #1e3860;
220
+ }
221
+ ._13s19j3u:disabled {
222
+ opacity: 0.45;
223
+ cursor: not-allowed;
224
+ }
225
+ ._13s19j3v {
226
+ background: #1e3860;
227
+ color: #fff;
228
+ }
229
+ ._13s19j3v:hover {
230
+ background: #14263d;
231
+ }
232
+ ._13s19j3w {
233
+ padding: 12px 0;
234
+ }
235
+ ._13s19j3x {
236
+ color: #1e3860;
237
+ font-size: 30px;
238
+ font-weight: 700;
239
+ line-height: 1.15;
240
+ margin: 0 0 12px;
241
+ }
242
+ ._13s19j3y {
243
+ color: #58677a;
244
+ font-size: 1rem;
245
+ line-height: 1.5;
246
+ margin: 0;
247
+ }
248
+ ._13s19j3z {
249
+ border-top: 1px solid #c9e6f7;
250
+ margin-top: 24px;
251
+ padding-top: 20px;
252
+ }
253
+ ._13s19j310 {
254
+ color: #1e3860;
255
+ font-size: 13px;
256
+ font-weight: 700;
257
+ letter-spacing: 0.04em;
258
+ margin: 0 0 8px;
259
+ text-transform: uppercase;
260
+ }
261
+ ._13s19j311 {
262
+ color: #58677a;
263
+ font-size: 12px;
264
+ line-height: 1.5;
265
+ margin: 0;
266
+ }
267
+ ._13s19j313 {
268
+ color: #58677a;
269
+ font-size: 12px;
270
+ line-height: 1.5;
271
+ margin-top: 8px;
272
+ }
273
+ ._13s19j314 {
274
+ color: #58677a;
275
+ font-weight: 500;
276
+ font-size: 12px;
277
+ }
278
+ ._13s19j315 {
279
+ display: grid;
280
+ gap: 6px;
281
+ margin-top: 10px;
282
+ }
283
+ ._13s19j316 {
284
+ color: #1e3860;
285
+ font-size: 12px;
286
+ font-weight: 700;
287
+ }
288
+ ._13s19j317 {
289
+ background: #dff1fb;
290
+ border-radius: 999px;
291
+ height: 6px;
292
+ overflow: hidden;
293
+ position: relative;
294
+ width: 100%;
295
+ }
296
+ ._13s19j318 {
297
+ position: absolute;
298
+ top: 0;
299
+ left: 0;
300
+ height: 100%;
301
+ width: 35%;
302
+ border-radius: 999px;
303
+ background: linear-gradient(90deg, #98ddff 0%, #1e629a 100%);
304
+ animation: _13s19j312 1.2s linear infinite;
305
+ }
306
+ ._13s19j319 {
307
+ color: #1e3860;
308
+ font-size: 56px;
309
+ font-weight: 700;
310
+ line-height: 1.15;
311
+ }
312
+ ._13s19j31a {
313
+ color: inherit;
314
+ line-height: 1.5;
315
+ margin-top: 8px;
316
+ }
317
+ @media screen and (max-width: 768px) {
318
+ ._13s19j30 {
319
+ min-height: calc(100dvh - 66px);
320
+ padding-block: 32px;
321
+ }
322
+ ._13s19j319 {
323
+ font-size: 38px;
324
+ }
325
+ }
326
+ @media screen and (max-width: 640px) {
327
+ ._13s19j3i {
328
+ grid-template-columns: 1fr;
329
+ }
330
+ }
331
+ @media screen and (max-width: 500px) {
332
+ ._13s19j319 {
333
+ font-size: 32px;
334
+ }
335
+ }
336
+ @media screen and (min-width: 851px) {
337
+ ._13s19j31b {
338
+ opacity: 0.8 !important;
339
+ }
340
+ }
package/dist/main.js CHANGED
@@ -92,6 +92,7 @@ import { RateWatchForm } from "./Forms/MortgageRate/MortgageRateWatch.js";
92
92
  import { LoadingIndicator } from "./LoadingIndicator/index.js";
93
93
  import "./Interstitial/Interstitial-variants.css.js";
94
94
  import { MortgageRateFilters } from "./Forms/MortgageRate/MortgageRateQuoteFilters.js";
95
+ import { MortgageRateStep } from "./Forms/MortgageRate/MortgageRateStep.js";
95
96
  import { MortgageWarehouseLending } from "./Forms/MortgageWarehouseLending.js";
96
97
  import { QuickPricer } from "./Forms/QuickPricer/QuickPricerForm.js";
97
98
  import { rate_table_title, results_container } from "./Forms/QuickPricer/QuickPricerResults.css.js";
@@ -347,6 +348,7 @@ export {
347
348
  MonthlyPaymentLVFCalculator,
348
349
  MortgageRate,
349
350
  MortgageRateFilters,
351
+ MortgageRateStep,
350
352
  MortgageWarehouseLending,
351
353
  default31 as NavBarAAS,
352
354
  default34 as NavBarAFS,