@axos-web-dev/shared-components 0.0.168 → 0.0.170
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 +36 -36
- package/dist/Accordion/Accordion.css.js +4 -4
- package/dist/Accordion/Accordion.js +3 -3
- package/dist/AlertBanner/AlertBanner.css.js +1 -1
- package/dist/AlertBanner/index.js +3 -3
- package/dist/Article/Article.css.js +4 -4
- package/dist/ArticlesSet/ArticlesSet.css.js +4 -4
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
- package/dist/AwardsItem/AwardsItem.css.js +2 -2
- package/dist/BulletItem/BulletItem.css.js +2 -2
- package/dist/BulletItem/BulletItem.js +3 -3
- package/dist/Button/Button.css.js +4 -4
- package/dist/Button/Button.js +36 -36
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +3 -3
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +3 -3
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +4 -4
- package/dist/Calculators/AxosOneCalculator/index.js +3 -3
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +4 -4
- package/dist/Calculators/BalanceAPYCalculator/index.js +3 -3
- package/dist/Calculators/Calculator.js +36 -36
- package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +3 -3
- package/dist/Calculators/calculator.css.js +4 -4
- package/dist/CallToActionBar/CallToActionBar.css.js +3 -3
- package/dist/Carousel/Carousel.css.js +3 -3
- package/dist/Carousel/index.js +36 -36
- package/dist/Chevron/Chevron.css.js +4 -4
- package/dist/Chevron/index.js +36 -36
- package/dist/CollectInformationAlert/CollectInformationAlert.css.js +4 -4
- package/dist/CollectInformationAlert/index.js +3 -3
- package/dist/Comparison/Comparison.css.js +7 -7
- package/dist/Comparison/Comparison.js +35 -35
- package/dist/ContentBanner/ContentBanner.css.js +4 -4
- package/dist/DownloadTile/DownloadTile.css.js +3 -3
- package/dist/ExecutiveBio/ExecutiveBio.css.js +4 -4
- package/dist/FaqAccordion/FaqAccordion.css.js +4 -4
- package/dist/FaqAccordion/index.js +36 -36
- package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +4 -4
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +99 -79
- package/dist/Forms/ApplicationStart.js +5 -4
- package/dist/Forms/ClearingForm.js +5 -4
- package/dist/Forms/CommercialDeposits.js +5 -4
- package/dist/Forms/CommercialLending.js +5 -4
- package/dist/Forms/ContactCompany.js +5 -4
- package/dist/Forms/ContactUs.js +5 -4
- package/dist/Forms/ContactUsAAS.js +5 -4
- package/dist/Forms/ContactUsBusiness.js +36 -36
- package/dist/Forms/ContactUsNMLSId.js +36 -36
- package/dist/Forms/CpraRequest.js +5 -5
- package/dist/Forms/DealerServices.js +5 -4
- package/dist/Forms/EmailOnly.js +36 -36
- package/dist/Forms/EmailUs.js +3 -3
- package/dist/Forms/Forms.css.js +8 -7
- package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +5 -2
- package/dist/Forms/MortgageRate/MortgageRateForm.js +65 -55
- package/dist/Forms/MortgageRate/MortgageRateModal.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateModal.js +3 -4
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +6 -3
- package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +2 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +306 -274
- package/dist/Forms/QuickPricer/QuickPricerForm.js +5 -4
- package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
- package/dist/Forms/QuickPricer/UserInformation.css.js +3 -3
- package/dist/Forms/ScheduleCall.js +5 -4
- package/dist/Forms/ScheduleCallPremier.js +5 -4
- package/dist/Forms/SuccesForm.js +37 -37
- package/dist/Forms/WcplSurvey.js +4 -4
- package/dist/HeroBanner/HeroBanner.css.js +5 -5
- package/dist/HeroBanner/LargeBanner.css.js +4 -4
- package/dist/HeroBanner/SelectionBanner.css.js +4 -4
- package/dist/Hyperlink/Hyperlink.css.js +1 -1
- package/dist/Hyperlink/index.js +36 -36
- package/dist/IconBillboard/IconBillboard.css.js +4 -4
- package/dist/ImageBillboard/ImageBillboard.css.js +4 -4
- package/dist/ImageBillboard/ImageBillboard.js +3 -3
- package/dist/ImageBillboard/ImageBillboardSet.js +3 -3
- package/dist/ImageLink/ImageLink.css.js +1 -1
- package/dist/ImageLink/ImageLink.js +36 -36
- package/dist/ImageLink/ImageLinkSet.js +36 -36
- package/dist/ImageLink/index.js +36 -36
- package/dist/Input/Checkbox.css.js +1 -1
- package/dist/Input/CurrencyInput.js +2 -1
- package/dist/Input/DownPaymentInput.js +1 -1
- package/dist/Input/Dropdown.css.js +2 -2
- package/dist/Input/Input.css.js +4 -4
- package/dist/Input/InputAmount.js +2 -1
- package/dist/Input/InputPhone.js +2 -1
- package/dist/Input/RadioButton.css.js +1 -1
- package/dist/Input/index.d.ts +2 -1
- package/dist/Input/index.js +4 -1
- package/dist/Inputs/Input.css.js +3 -3
- package/dist/Insight/Featured/CategorySelector.css.js +5 -5
- package/dist/Insight/Featured/CategorySelector.js +35 -35
- package/dist/Insight/Featured/Featured.css.js +2 -2
- package/dist/Insight/Featured/Featured.js +37 -37
- package/dist/Insight/Featured/Header.css.js +1 -1
- package/dist/Insight/Featured/Header.js +35 -35
- package/dist/Insight/Insight.css.js +2 -2
- package/dist/Interstitial/Interstitial-variants.css.js +4 -4
- package/dist/Interstitial/Interstitial.module.js +10 -10
- package/dist/LandingPageHeader/LandingPageHeader.css.js +3 -3
- package/dist/LandingPageHeader/LandingPageHeader.js +3 -3
- package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
- package/dist/Modal/Modal.css.js +3 -3
- package/dist/Modal/Modal.js +35 -35
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/NavData.js +36 -36
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +85 -103
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +3 -3
- package/dist/NavigationMenu/AxosBank/index.js +34 -34
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/PageNavItem/PageNavItem.css.js +4 -4
- package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
- package/dist/Pagination/Pagination.css.js +1 -1
- package/dist/Pagination/Pagination.js +3 -3
- package/dist/SecondaryFooter/SecondaryFooter.css.js +3 -3
- package/dist/SetContainer/SetContainer.css.js +3 -3
- package/dist/SetContainer/SetContainer.js +36 -36
- package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
- package/dist/StepItem/StepItem.css.js +3 -3
- package/dist/StepItemSet/StepItemSet.css.js +3 -3
- package/dist/Tab/Tab.css.js +3 -3
- package/dist/Table/Table.css.js +3 -3
- package/dist/Table/Table.js +3 -3
- package/dist/TextBlock/TextBlock.css.js +3 -3
- package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
- package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
- package/dist/Typography/Typography.css.js +1 -1
- package/dist/VideoTile/VideoTile.css.js +4 -4
- package/dist/VideoTile/VideoTile.js +3 -3
- package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
- package/dist/VideoWrapper/index.js +35 -35
- package/dist/assets/Interstitial/Interstitial.css.css +24 -23
- package/dist/assets/SecondaryFooter/SecondaryFooter.css +8 -13
- package/dist/assets/globals.css +31 -50
- package/dist/globals.css.js +2 -2
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +3 -3
- package/dist/icons/CheckIcon/CheckIcon.css.js +3 -3
- package/dist/icons/DownloadIcon/DownloadIcon.css.js +3 -3
- package/dist/icons/FollowIcon/FollowIcon.css.js +3 -3
- package/dist/icons/Star/Star.css.js +1 -1
- package/dist/index.css.js +3 -3
- package/dist/main.js +4 -1
- package/dist/themes/axos.css.js +1 -1
- package/dist/themes/premier.css.js +2 -2
- package/dist/utils/allowedAxosDomains.js +3 -1
- 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/DatePicker2.d.ts +0 -21
- package/dist/Input/DatePicker2.js +0 -103
- package/dist/Input/DatePickerComponents/DatePicker.d.ts +0 -11
- package/dist/Input/DatePickerComponents/DatePicker.js +0 -13
- package/dist/Input/DatePickerComponents/InputDate.d.ts +0 -15
- package/dist/Input/DatePickerComponents/InputDate.js +0 -66
- package/dist/Input/DatePickerComponents/index.d.ts +0 -2
- package/dist/Input/DatePickerComponents/index.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
- package/dist/assets/node_modules/react-date-range/dist/styles.css.css +0 -194
- package/dist/assets/node_modules/react-date-range/dist/theme/default.css.css +0 -385
- package/dist/icons/CalendarIcon/CalendarIcon.d.ts +0 -3
- package/dist/icons/CalendarIcon/CalendarIcon.js +0 -17
- package/dist/icons/CalendarIcon/index.d.ts +0 -1
- package/dist/icons/CalendarIcon/index.js +0 -4
- package/dist/types/icon.d.ts +0 -3
- package/dist/types/icon.js +0 -1
- package/dist/types/popover.d.ts +0 -8
- package/dist/types/popover.js +0 -1
- package/dist/utils/constants/format.d.ts +0 -1
- package/dist/utils/constants/format.js +0 -4
- package/dist/utils/constants/popper.d.ts +0 -6
- package/dist/utils/constants/popper.js +0 -10
- package/dist/utils/hooks/usePopover.d.ts +0 -25
- package/dist/utils/hooks/usePopover.js +0 -64
package/dist/assets/globals.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
@keyframes _5fvzn90 {
|
|
2
2
|
0% {
|
|
3
|
-
|
|
3
|
+
left: 4px;
|
|
4
4
|
}
|
|
5
5
|
to {
|
|
6
|
-
|
|
6
|
+
left: 0px;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
@keyframes _5fvzn91 {
|
|
10
10
|
0% {
|
|
11
|
-
|
|
11
|
+
left: 0px;
|
|
12
12
|
}
|
|
13
13
|
to {
|
|
14
|
-
|
|
14
|
+
left: 4px;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
* {
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
a {
|
|
22
22
|
box-sizing: border-box;
|
|
23
23
|
color: inherit;
|
|
24
|
-
padding: 0;
|
|
25
24
|
margin: 0;
|
|
25
|
+
padding: 0;
|
|
26
26
|
}
|
|
27
27
|
a:not([class]):hover {
|
|
28
28
|
opacity: 0.8;
|
|
@@ -30,34 +30,24 @@ a:not([class]):hover {
|
|
|
30
30
|
body {
|
|
31
31
|
font-family: var(--main-font-family);
|
|
32
32
|
font-size: 16px;
|
|
33
|
-
line-height: 1.39;
|
|
34
33
|
letter-spacing: 0.2px;
|
|
34
|
+
line-height: 1.39;
|
|
35
35
|
}
|
|
36
36
|
p {
|
|
37
37
|
margin-bottom: 10px;
|
|
38
38
|
}
|
|
39
|
-
li p {
|
|
40
|
-
margin-bottom: 0;
|
|
41
|
-
}
|
|
42
|
-
p:last-child {
|
|
43
|
-
margin-bottom: 0;
|
|
44
|
-
}
|
|
45
|
-
p:only-child {
|
|
39
|
+
li p, p:last-child, p:only-child {
|
|
46
40
|
margin-bottom: 0;
|
|
47
41
|
}
|
|
48
42
|
.containment {
|
|
49
|
-
width: min(1200px, calc(100% - 4rem));
|
|
50
43
|
box-sizing: border-box;
|
|
51
|
-
margin-
|
|
52
|
-
|
|
44
|
+
margin-inline: auto;
|
|
45
|
+
width: min(1200px, calc(100% - 4rem));
|
|
53
46
|
}
|
|
54
47
|
.section_spacer {
|
|
55
48
|
margin-top: 3.5rem;
|
|
56
49
|
}
|
|
57
|
-
.flex {
|
|
58
|
-
display: flex;
|
|
59
|
-
}
|
|
60
|
-
[class*='flex_'] {
|
|
50
|
+
.flex, [class*='flex_'] {
|
|
61
51
|
display: flex;
|
|
62
52
|
}
|
|
63
53
|
.flex_row {
|
|
@@ -125,7 +115,7 @@ p:only-child {
|
|
|
125
115
|
.expand {
|
|
126
116
|
max-height: 20rem !important;
|
|
127
117
|
}
|
|
128
|
-
.p_small {
|
|
118
|
+
.p_small, .fs_16 {
|
|
129
119
|
font-size: 1rem;
|
|
130
120
|
line-height: 1.5;
|
|
131
121
|
}
|
|
@@ -142,12 +132,11 @@ p:only-child {
|
|
|
142
132
|
padding: 48px 56px;
|
|
143
133
|
}
|
|
144
134
|
.supertag {
|
|
145
|
-
|
|
135
|
+
display: flex;
|
|
136
|
+
font-family: var(--main-font-family);
|
|
146
137
|
font-size: 14px;
|
|
138
|
+
font-weight: 700;
|
|
147
139
|
line-height: 26px;
|
|
148
|
-
letter-spacing: 0.2px;
|
|
149
|
-
font-family: var(--main-font-family);
|
|
150
|
-
display: flex;
|
|
151
140
|
}
|
|
152
141
|
h1, h2, h3, h4, h5, h6, es_font {
|
|
153
142
|
font-family: var(--header-font-family);
|
|
@@ -161,16 +150,14 @@ h1, h2, h3, h4, h5, h6, es_font {
|
|
|
161
150
|
line-height: 1.25;
|
|
162
151
|
}
|
|
163
152
|
.header_3 {
|
|
164
|
-
font-weight: 600;
|
|
165
153
|
font-size: 28px;
|
|
154
|
+
font-weight: 600;
|
|
166
155
|
line-height: 36px;
|
|
167
|
-
letter-spacing: 0.2px;
|
|
168
156
|
}
|
|
169
157
|
.header_4 {
|
|
170
|
-
font-weight: 600;
|
|
171
158
|
font-size: 20px;
|
|
159
|
+
font-weight: 600;
|
|
172
160
|
line-height: 28px;
|
|
173
|
-
letter-spacing: 0.2px;
|
|
174
161
|
}
|
|
175
162
|
.gradient_text {
|
|
176
163
|
background: linear-gradient(3deg, #051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%);
|
|
@@ -188,7 +175,6 @@ h1, h2, h3, h4, h5, h6, es_font {
|
|
|
188
175
|
.list_item {
|
|
189
176
|
font-size: 1rem;
|
|
190
177
|
line-height: 1.5rem;
|
|
191
|
-
letter-spacing: 0.2px;
|
|
192
178
|
-webkit-box-align: start;
|
|
193
179
|
align-items: flex-start;
|
|
194
180
|
}
|
|
@@ -201,19 +187,18 @@ h1, h2, h3, h4, h5, h6, es_font {
|
|
|
201
187
|
margin-top: 2px;
|
|
202
188
|
}
|
|
203
189
|
.btn_link {
|
|
204
|
-
font-weight: 600;
|
|
205
|
-
color: #323339;
|
|
206
|
-
letter-spacing: 0.2px;
|
|
207
|
-
padding: 0;
|
|
208
190
|
background-color: transparent;
|
|
209
191
|
border: 0;
|
|
210
|
-
|
|
192
|
+
color: #323339;
|
|
193
|
+
display: inline-block;
|
|
194
|
+
font-size: 16px;
|
|
195
|
+
font-weight: 600;
|
|
196
|
+
opacity: 1;
|
|
197
|
+
padding: 0;
|
|
211
198
|
position: relative;
|
|
212
199
|
text-decoration: none;
|
|
213
|
-
|
|
200
|
+
text-transform: initial;
|
|
214
201
|
white-space: nowrap;
|
|
215
|
-
opacity: 1;
|
|
216
|
-
font-size: 16px;
|
|
217
202
|
}
|
|
218
203
|
.btn__secondary:hover {
|
|
219
204
|
opacity: 1;
|
|
@@ -221,18 +206,18 @@ h1, h2, h3, h4, h5, h6, es_font {
|
|
|
221
206
|
.sc__btn:hover {
|
|
222
207
|
text-decoration: underline;
|
|
223
208
|
}
|
|
224
|
-
.sc__btn
|
|
225
|
-
animation: _5fvzn91 0.1s linear 0s 1 normal forwards;
|
|
226
|
-
}
|
|
227
|
-
.sc__btn:hover > .arrow {
|
|
209
|
+
.sc__btn > .arrow {
|
|
228
210
|
position: relative;
|
|
211
|
+
animation: _5fvzn90 0.1s linear 0s 1 normal forwards;
|
|
212
|
+
}
|
|
213
|
+
.sc__btn:hover > .arrow, .arrow, .sc__btn:focus-within > .arrow {
|
|
229
214
|
transition: 0.3s;
|
|
230
|
-
animation:
|
|
215
|
+
animation: _5fvzn91 0.3s ease-out 0s 1 normal forwards;
|
|
231
216
|
}
|
|
232
217
|
.link {
|
|
233
218
|
word-break: break-word;
|
|
234
219
|
}
|
|
235
|
-
.p_16 {
|
|
220
|
+
.p_16, .fs_16 {
|
|
236
221
|
font-size: 1rem;
|
|
237
222
|
line-height: 1.5;
|
|
238
223
|
}
|
|
@@ -246,9 +231,8 @@ a {
|
|
|
246
231
|
display: none !important;
|
|
247
232
|
}
|
|
248
233
|
.section_header {
|
|
249
|
-
margin-left: auto;
|
|
250
|
-
margin-right: auto;
|
|
251
234
|
margin-bottom: 2.5rem;
|
|
235
|
+
margin-inline: auto;
|
|
252
236
|
max-width: 49.5rem;
|
|
253
237
|
text-align: center;
|
|
254
238
|
}
|
|
@@ -260,10 +244,7 @@ sup {
|
|
|
260
244
|
position: relative;
|
|
261
245
|
top: -0.5em;
|
|
262
246
|
}
|
|
263
|
-
p:empty {
|
|
264
|
-
display: none;
|
|
265
|
-
}
|
|
266
|
-
ul:empty {
|
|
247
|
+
p:empty, ul:empty {
|
|
267
248
|
display: none;
|
|
268
249
|
}
|
|
269
250
|
.margin_block {
|
package/dist/globals.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css
|
|
2
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* empty css
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
4
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
5
5
|
var Arrow = createRuntimeFn({ defaultClassName: "_1pwixiv0", variantClassNames: { variant: { primary: "_1pwixiv1", secondary: "_1pwixiv2", tertiary: "_1pwixiv3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* empty css
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
4
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
5
5
|
var checkColor = createRuntimeFn({ defaultClassName: "_1xajnqu0", variantClassNames: { variant: { primary: "_1xajnqu1", secondary: "_1xajnqu2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
6
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
export {
|
package/dist/index.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* empty css
|
|
2
|
-
/* empty css
|
|
3
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
package/dist/main.js
CHANGED
|
@@ -113,7 +113,6 @@ import "react";
|
|
|
113
113
|
import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
|
|
114
114
|
import { Checkbox } from "./Input/Checkbox.js";
|
|
115
115
|
import { CurrencyInput } from "./Input/CurrencyInput.js";
|
|
116
|
-
import { DownPaymentInput } from "./Input/DownPaymentInput.js";
|
|
117
116
|
import { Dropdown } from "./Input/Dropdown.js";
|
|
118
117
|
import { dp_input, selectInput } from "./Input/Dropdown.css.js";
|
|
119
118
|
import { Input } from "./Input/Input.js";
|
|
@@ -121,6 +120,8 @@ import { container, helperText, iconContainer, iconContainerBase, iconInput, inp
|
|
|
121
120
|
import { InputAmount } from "./Input/InputAmount.js";
|
|
122
121
|
import { InputPhone } from "./Input/InputPhone.js";
|
|
123
122
|
import { InputTextArea } from "./Input/InputTextArea.js";
|
|
123
|
+
import { DownPaymentInput } from "./Input/DownPaymentInput.js";
|
|
124
|
+
import { RadioButton, RadioButtonSet } from "./Input/RadioButton.js";
|
|
124
125
|
import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
|
|
125
126
|
import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
|
|
126
127
|
import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
|
|
@@ -289,6 +290,8 @@ export {
|
|
|
289
290
|
default16 as QuoteIconGrey,
|
|
290
291
|
default17 as QuoteIconWhite,
|
|
291
292
|
default18 as QuoteIconYellow,
|
|
293
|
+
RadioButton,
|
|
294
|
+
RadioButtonSet,
|
|
292
295
|
RateWatchForm,
|
|
293
296
|
SalesforceFieldsForm,
|
|
294
297
|
SalesforceSchema,
|
package/dist/themes/axos.css.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* empty css
|
|
1
|
+
/* empty css */
|
|
2
2
|
var axosTheme = "_1073cm80";
|
|
3
3
|
var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } } };
|
|
4
4
|
export {
|
|
@@ -3,6 +3,7 @@ const moreDomains = {
|
|
|
3
3
|
"{AXOSBANK}": process.env.AXOS_BANK_URL || "https://www.axosbank.com",
|
|
4
4
|
"{AXOSCLEARING}": process.env.CLEARING_URL || "https://axosclearing.com",
|
|
5
5
|
"{AAS}": process.env.AAS_URL || "https://www.axosadvisorservices.com",
|
|
6
|
+
"{AXA}": process.env.AAS_URL || "https://www.axosadvisor.com",
|
|
6
7
|
"{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
|
|
7
8
|
"{NATIONWIDE}": process.env.NATIOWIDE_URL || "https://www.nationwide.axosbank.com",
|
|
8
9
|
"{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
|
|
@@ -32,7 +33,8 @@ const moreDomains = {
|
|
|
32
33
|
"{AXBC}": process.env.AXOS_BUSINESS_CENTER ?? "https://www.axosbusinesscenter.com",
|
|
33
34
|
"{AXMWDJ}": process.env.AXOS_MY_WORK_DAY_JOBS ?? "https://axos.wd5.myworkdayjobs.com/Axos",
|
|
34
35
|
"{AXMHA}": process.env.AXOS_MY_HOME_ADVANTAGE ?? "https://axos.myhomeadvantage.com",
|
|
35
|
-
"{AXTPL}": process.env.AXOS_THIRD_PARTY_LENDING ?? "https://thirdpartylending.axosbank.com"
|
|
36
|
+
"{AXTPL}": process.env.AXOS_THIRD_PARTY_LENDING ?? "https://thirdpartylending.axosbank.com",
|
|
37
|
+
"{AXBHUBSVIDYARD}": process.env.AAS_URL || "https://www.axosbank.hubs.vidyard.com"
|
|
36
38
|
};
|
|
37
39
|
const isAllowedUrl = (url) => {
|
|
38
40
|
const uri = new URL(url, location.href);
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const datePicker: string;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from 'react';
|
|
2
|
-
|
|
3
|
-
type TClasses = {
|
|
4
|
-
inputDateField?: string;
|
|
5
|
-
};
|
|
6
|
-
type TProps = {
|
|
7
|
-
classes?: TClasses;
|
|
8
|
-
isDisabled?: boolean;
|
|
9
|
-
isInvalid?: boolean;
|
|
10
|
-
locale?: Locale;
|
|
11
|
-
maxDate?: Date | null;
|
|
12
|
-
minDate?: Date | null;
|
|
13
|
-
onChange: (value: Date | null) => void;
|
|
14
|
-
onFieldClear?: (event: SyntheticEvent) => void;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
subTitle?: string;
|
|
17
|
-
title?: string;
|
|
18
|
-
value: Date | null;
|
|
19
|
-
};
|
|
20
|
-
export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
|
|
21
|
-
export {};
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
|
|
4
|
-
import clsx from "clsx";
|
|
5
|
-
import { format } from "date-fns";
|
|
6
|
-
import isNil from "lodash/isNil.js";
|
|
7
|
-
import { memo, createRef, Fragment } from "react";
|
|
8
|
-
import { FORMAT_DATE } from "../utils/constants/format.js";
|
|
9
|
-
import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
|
|
10
|
-
import { usePopover } from "../utils/hooks/usePopover.js";
|
|
11
|
-
import { DatePicker } from "./DatePickerComponents/DatePicker.js";
|
|
12
|
-
import { InputDate } from "./DatePickerComponents/InputDate.js";
|
|
13
|
-
const InputDateFieldComponent = (props) => {
|
|
14
|
-
const {
|
|
15
|
-
classes,
|
|
16
|
-
isDisabled,
|
|
17
|
-
isInvalid,
|
|
18
|
-
locale,
|
|
19
|
-
maxDate,
|
|
20
|
-
minDate,
|
|
21
|
-
onChange,
|
|
22
|
-
onFieldClear,
|
|
23
|
-
placeholder,
|
|
24
|
-
subTitle,
|
|
25
|
-
title,
|
|
26
|
-
value
|
|
27
|
-
} = props;
|
|
28
|
-
const triggerRef = createRef();
|
|
29
|
-
const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
|
|
30
|
-
const date = !isNil(value) ? value : void 0;
|
|
31
|
-
const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
|
|
32
|
-
const minDateValue = !isNil(minDate) ? minDate : void 0;
|
|
33
|
-
const {
|
|
34
|
-
attributes,
|
|
35
|
-
onPopperElement,
|
|
36
|
-
onReferenceElement,
|
|
37
|
-
popoverPosition,
|
|
38
|
-
styles
|
|
39
|
-
} = usePopover({
|
|
40
|
-
triggerRef
|
|
41
|
-
});
|
|
42
|
-
return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
|
|
43
|
-
/* @__PURE__ */ jsx(
|
|
44
|
-
PopoverButton,
|
|
45
|
-
{
|
|
46
|
-
className: "HeadlessPopover-Button",
|
|
47
|
-
ref: onReferenceElement,
|
|
48
|
-
children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
|
|
49
|
-
InputDate,
|
|
50
|
-
{
|
|
51
|
-
isDisabled,
|
|
52
|
-
isInvalid,
|
|
53
|
-
onFieldClear,
|
|
54
|
-
placeholder,
|
|
55
|
-
subTitle,
|
|
56
|
-
title,
|
|
57
|
-
value: formattedValue
|
|
58
|
-
}
|
|
59
|
-
) })
|
|
60
|
-
}
|
|
61
|
-
),
|
|
62
|
-
/* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
|
|
63
|
-
PopoverPanel,
|
|
64
|
-
{
|
|
65
|
-
className: clsx(
|
|
66
|
-
"HeadlessPopover-Panel",
|
|
67
|
-
`HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
|
|
68
|
-
),
|
|
69
|
-
ref: onPopperElement,
|
|
70
|
-
style: styles.popper,
|
|
71
|
-
...attributes.popper,
|
|
72
|
-
children: ({ close }) => /* @__PURE__ */ jsx(
|
|
73
|
-
TransitionChild,
|
|
74
|
-
{
|
|
75
|
-
enter: "HeadlessPopover-Transition__enter",
|
|
76
|
-
enterFrom: "HeadlessPopover-Transition__enterFrom",
|
|
77
|
-
enterTo: "HeadlessPopover-Transition__enterTo",
|
|
78
|
-
leave: "HeadlessPopover-Transition__leave",
|
|
79
|
-
leaveFrom: "HeadlessPopover-Transition__leaveFrom",
|
|
80
|
-
leaveTo: "HeadlessPopover-Transition__leaveTo",
|
|
81
|
-
children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
|
|
82
|
-
DatePicker,
|
|
83
|
-
{
|
|
84
|
-
locale,
|
|
85
|
-
maxDate: maxDateValue,
|
|
86
|
-
minDate: minDateValue,
|
|
87
|
-
onChange: (date2) => {
|
|
88
|
-
onChange(date2);
|
|
89
|
-
close();
|
|
90
|
-
},
|
|
91
|
-
value: date
|
|
92
|
-
}
|
|
93
|
-
) })
|
|
94
|
-
}
|
|
95
|
-
)
|
|
96
|
-
}
|
|
97
|
-
) })
|
|
98
|
-
] }) });
|
|
99
|
-
};
|
|
100
|
-
const InputDateField = memo(InputDateFieldComponent);
|
|
101
|
-
export {
|
|
102
|
-
InputDateField
|
|
103
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CalendarProps } from 'react-date-range';
|
|
2
|
-
|
|
3
|
-
type TProps = {
|
|
4
|
-
locale?: Locale;
|
|
5
|
-
maxDate?: Date;
|
|
6
|
-
minDate?: Date;
|
|
7
|
-
onChange?: (date: Date) => void;
|
|
8
|
-
value?: Date;
|
|
9
|
-
} & CalendarProps;
|
|
10
|
-
export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
|
|
11
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from "react";
|
|
3
|
-
import { Calendar } from "react-date-range";
|
|
4
|
-
/* empty css */
|
|
5
|
-
/* empty css */
|
|
6
|
-
const DatePickerComponent = (props) => {
|
|
7
|
-
const { locale, onChange, value } = props;
|
|
8
|
-
return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
|
|
9
|
-
};
|
|
10
|
-
const DatePicker = memo(DatePickerComponent);
|
|
11
|
-
export {
|
|
12
|
-
DatePicker
|
|
13
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from 'react';
|
|
2
|
-
|
|
3
|
-
type TProps = {
|
|
4
|
-
className?: string;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
isInvalid?: boolean;
|
|
7
|
-
onClick?: (event: SyntheticEvent) => void;
|
|
8
|
-
onFieldClear?: (event: SyntheticEvent) => void;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
subTitle?: string;
|
|
11
|
-
title?: string;
|
|
12
|
-
value?: string | null;
|
|
13
|
-
};
|
|
14
|
-
export declare const InputDate: import('react').NamedExoticComponent<TProps>;
|
|
15
|
-
export {};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
import { memo } from "react";
|
|
5
|
-
const InputDateComponent = (props) => {
|
|
6
|
-
const {
|
|
7
|
-
className,
|
|
8
|
-
isDisabled,
|
|
9
|
-
isInvalid,
|
|
10
|
-
onClick,
|
|
11
|
-
onFieldClear,
|
|
12
|
-
placeholder,
|
|
13
|
-
subTitle,
|
|
14
|
-
title,
|
|
15
|
-
value
|
|
16
|
-
} = props;
|
|
17
|
-
return /* @__PURE__ */ jsxs(
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: clsx("InputDate", className, {
|
|
21
|
-
InputDate__isDisabled: isDisabled,
|
|
22
|
-
InputDate__isInvalid: isInvalid && !isDisabled
|
|
23
|
-
}),
|
|
24
|
-
onClick: !isDisabled ? onClick : void 0,
|
|
25
|
-
children: [
|
|
26
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
|
|
27
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
|
|
28
|
-
title,
|
|
29
|
-
" "
|
|
30
|
-
] }),
|
|
31
|
-
/* @__PURE__ */ jsxs(
|
|
32
|
-
"div",
|
|
33
|
-
{
|
|
34
|
-
className: clsx("InputDate-IconWrapper", {
|
|
35
|
-
"InputDate-IconWrapper__isFocusable": !isDisabled
|
|
36
|
-
}),
|
|
37
|
-
children: [
|
|
38
|
-
/* @__PURE__ */ jsx(
|
|
39
|
-
"div",
|
|
40
|
-
{
|
|
41
|
-
className: clsx("InputDate-Text", {
|
|
42
|
-
"InputDate-Text__isFilled": value && !isDisabled,
|
|
43
|
-
"InputDate-Text__isPlaceholder": !value
|
|
44
|
-
}),
|
|
45
|
-
children: value ?? placeholder
|
|
46
|
-
}
|
|
47
|
-
),
|
|
48
|
-
value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
|
|
49
|
-
/* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
|
|
50
|
-
]
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
/* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
|
|
54
|
-
] }),
|
|
55
|
-
/* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
|
|
56
|
-
subTitle,
|
|
57
|
-
" "
|
|
58
|
-
] })
|
|
59
|
-
]
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
const InputDate = memo(InputDateComponent);
|
|
64
|
-
export {
|
|
65
|
-
InputDate
|
|
66
|
-
};
|
package/dist/Input/Datepicker.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import DatePicker from "react-date-picker";
|
|
5
|
-
import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
|
|
6
|
-
const DatePickerInput = (props) => {
|
|
7
|
-
const {
|
|
8
|
-
disabled,
|
|
9
|
-
label,
|
|
10
|
-
iconLeft,
|
|
11
|
-
iconRight,
|
|
12
|
-
sizes,
|
|
13
|
-
error = false,
|
|
14
|
-
helperText: helper,
|
|
15
|
-
variant
|
|
16
|
-
} = props;
|
|
17
|
-
const [value, onChange] = useState();
|
|
18
|
-
return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
|
|
19
|
-
label && /* @__PURE__ */ jsx(
|
|
20
|
-
"label",
|
|
21
|
-
{
|
|
22
|
-
className: labelClassName({ error, variant }),
|
|
23
|
-
htmlFor: props.name,
|
|
24
|
-
children: label
|
|
25
|
-
}
|
|
26
|
-
),
|
|
27
|
-
/* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
|
|
28
|
-
iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
|
|
29
|
-
/* @__PURE__ */ jsx(
|
|
30
|
-
DatePicker,
|
|
31
|
-
{
|
|
32
|
-
dayPlaceholder: "dd",
|
|
33
|
-
monthPlaceholder: "mm",
|
|
34
|
-
yearPlaceholder: "yyyy",
|
|
35
|
-
minDate: /* @__PURE__ */ new Date(),
|
|
36
|
-
onChange,
|
|
37
|
-
value
|
|
38
|
-
}
|
|
39
|
-
),
|
|
40
|
-
iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
|
|
41
|
-
] }),
|
|
42
|
-
/* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
|
|
43
|
-
] });
|
|
44
|
-
};
|
|
45
|
-
export {
|
|
46
|
-
DatePickerInput
|
|
47
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
var calendarContainer = "skzved0";
|
|
3
|
-
var calendarIcon = "skzved1";
|
|
4
|
-
var inputDate = "skzved2";
|
|
5
|
-
var verticalCenter = "skzved3";
|
|
6
|
-
var calendar = "skzved4";
|
|
7
|
-
var headerCalendar = "skzved5";
|
|
8
|
-
export {
|
|
9
|
-
calendar,
|
|
10
|
-
calendarContainer,
|
|
11
|
-
calendarIcon,
|
|
12
|
-
headerCalendar,
|
|
13
|
-
inputDate,
|
|
14
|
-
verticalCenter
|
|
15
|
-
};
|