@axos-web-dev/shared-components 2.0.0-dev.18-apy → 2.0.0-dev.19

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 (46) hide show
  1. package/README.md +111 -111
  2. package/dist/Avatar/Avatar.module.js +7 -7
  3. package/dist/Blockquote/Blockquote.module.js +3 -3
  4. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +3 -20
  5. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +16 -51
  6. package/dist/Calculators/ApyCalculator/index.js +294 -410
  7. package/dist/Carousel/index.js +1 -1
  8. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  9. package/dist/Forms/ApplyNow.js +1 -1
  10. package/dist/Forms/BoatMooringLocation.d.ts +4 -1
  11. package/dist/Forms/BoatMooringLocation.js +89 -8
  12. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  13. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  14. package/dist/Forms/SuccesForm.js +1 -1
  15. package/dist/ImageLink/ImageLink.js +1 -1
  16. package/dist/Insight/Featured/CategorySelector.js +1 -1
  17. package/dist/Insight/Featured/Featured.js +1 -1
  18. package/dist/Insight/Featured/Header.js +1 -1
  19. package/dist/Interstitial/Interstitial.module.js +10 -10
  20. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  21. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  22. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  23. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  24. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  25. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  26. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
  27. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  28. package/dist/SetContainer/SetContainer.js +1 -1
  29. package/dist/WalnutIframe/wrapper.module.js +3 -3
  30. package/dist/assets/Avatar/Avatar.css +59 -59
  31. package/dist/assets/Blockquote/Blockquote.css +72 -72
  32. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +56 -230
  33. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  34. package/dist/assets/Interstitial/Interstitial.css +142 -142
  35. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +264 -264
  36. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  37. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +630 -630
  38. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +353 -353
  39. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  40. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +484 -484
  41. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +427 -427
  42. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  43. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  44. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  45. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  46. package/package.json +148 -148
@@ -1,59 +1,59 @@
1
- ._avatar_sec_1clr6_1 {
2
- margin: 16px 0;
3
- }
4
-
5
- ._container_1clr6_5 {
6
- border-bottom: 1px solid #d4d4d4;
7
- border-top: 1px solid #d4d4d4;
8
- margin-inline: auto;
9
- max-width: 1200px;
10
- padding: 16px 0;
11
- width: 100%;
12
- }
13
-
14
- ._image_1clr6_14 {
15
- aspect-ratio: 1;
16
- background-position: 0 0;
17
- background-size: contain;
18
- border-radius: 50%;
19
- flex: 0 0 100px;
20
- height: 100px;
21
- }
22
-
23
- ._text_1clr6_23 {
24
- flex: 1 1 0%;
25
- align-self: center;
26
- margin-left: 16px;
27
- }
28
-
29
- ._name_1clr6_29 {
30
- color: #1e3860;
31
- font-family: var(--header-font-family);
32
- font-size: 20px;
33
- font-weight: 700;
34
- line-height: 1.4;
35
- }
36
-
37
- ._title_1clr6_37 {
38
- color: #1e3860;
39
- font-size: 18px;
40
- font-weight: 500;
41
- line-height: 1.44;
42
- }
43
-
44
- ._description_1clr6_44 p {
45
- font-size: 14px;
46
- line-height: 1.33;
47
- color: #333d46;
48
- }
49
-
50
- * + ._description_1clr6_44 {
51
- margin-top: 8px;
52
- }
53
-
54
- @media (max-width: 603px) {
55
- ._image_1clr6_14 {
56
- height: 75px;
57
- flex: 0 0 75px;
58
- }
59
- }
1
+ ._avatar_sec_q4a8z_1 {
2
+ margin: 16px 0;
3
+ }
4
+
5
+ ._container_q4a8z_9 {
6
+ border-bottom: 1px solid #d4d4d4;
7
+ border-top: 1px solid #d4d4d4;
8
+ margin-inline: auto;
9
+ max-width: 1200px;
10
+ padding: 16px 0;
11
+ width: 100%;
12
+ }
13
+
14
+ ._image_q4a8z_27 {
15
+ aspect-ratio: 1;
16
+ background-position: 0 0;
17
+ background-size: contain;
18
+ border-radius: 50%;
19
+ flex: 0 0 100px;
20
+ height: 100px;
21
+ }
22
+
23
+ ._text_q4a8z_45 {
24
+ flex: 1 1 0%;
25
+ align-self: center;
26
+ margin-left: 16px;
27
+ }
28
+
29
+ ._name_q4a8z_57 {
30
+ color: #1e3860;
31
+ font-family: var(--header-font-family);
32
+ font-size: 20px;
33
+ font-weight: 700;
34
+ line-height: 1.4;
35
+ }
36
+
37
+ ._title_q4a8z_73 {
38
+ color: #1e3860;
39
+ font-size: 18px;
40
+ font-weight: 500;
41
+ line-height: 1.44;
42
+ }
43
+
44
+ ._description_q4a8z_87 p {
45
+ font-size: 14px;
46
+ line-height: 1.33;
47
+ color: #333d46;
48
+ }
49
+
50
+ * + ._description_q4a8z_87 {
51
+ margin-top: 8px;
52
+ }
53
+
54
+ @media (max-width: 603px) {
55
+ ._image_q4a8z_27 {
56
+ height: 75px;
57
+ flex: 0 0 75px;
58
+ }
59
+ }
@@ -1,72 +1,72 @@
1
- ._quote_spacer_ovx4r_1 {
2
- line-height: 1.35;
3
- margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
- margin-inline: auto;
5
- }
6
-
7
- ._author_ovx4r_7,
8
- ._quote_ovx4r_1 {
9
- color: #1f1f1f;
10
- }
11
-
12
- ._author_ovx4r_7 {
13
- text-align: right;
14
- margin-top: 18px;
15
- }
16
-
17
- ._author_ovx4r_7 cite {
18
- font-style: normal;
19
- }
20
-
21
- ._quote_spacer_ovx4r_1 .img_fluid {
22
- margin-right: 24px;
23
- transform: rotateY(180deg) scaleY(-1);
24
- }
25
-
26
- ._quote_spacer_ovx4r_1 .flex_row {
27
- align-items: flex-start;
28
- }
29
-
30
- ._quote_ovx4r_1 p {
31
- font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
- font-style: italic;
33
- line-height: 1.2;
34
- }
35
-
36
- .lchs2s1 ._quote_ovx4r_1 p {
37
- color: #1e3860;
38
- }
39
-
40
- @media (max-width: 768px) {
41
- ._quote_spacer_ovx4r_1 .img_fluid {
42
- max-width: 30px;
43
- margin-right: 12px;
44
- }
45
- ._author_ovx4r_7 {
46
- margin-top: 14px;
47
- }
48
- ._quote_ovx4r_1 p {
49
- font-size: 18px;
50
- }
51
- ._author_ovx4r_7 cite {
52
- font-size: 14px;
53
- }
54
- }
55
-
56
- @media (max-width: 500px) {
57
- ._author_ovx4r_7 {
58
- margin-top: 12px;
59
- }
60
- }
61
-
62
- @media (min-width: 604px) {
63
- ._quote_spacer_ovx4r_1 {
64
- width: min(calc(100% - 2rem), 792px);
65
- }
66
- }
67
-
68
- @media (min-width: 1023px) {
69
- ._quote_ovx4r_1 p {
70
- font-weight: 700;
71
- }
72
- }
1
+ ._quote_spacer_lqs2u_1 {
2
+ line-height: 1.35;
3
+ margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
4
+ margin-inline: auto;
5
+ }
6
+
7
+ ._author_lqs2u_13,
8
+ ._quote_lqs2u_1 {
9
+ color: #1f1f1f;
10
+ }
11
+
12
+ ._author_lqs2u_13 {
13
+ text-align: right;
14
+ margin-top: 18px;
15
+ }
16
+
17
+ ._author_lqs2u_13 cite {
18
+ font-style: normal;
19
+ }
20
+
21
+ ._quote_spacer_lqs2u_1 .img_fluid {
22
+ margin-right: 24px;
23
+ transform: rotateY(180deg) scaleY(-1);
24
+ }
25
+
26
+ ._quote_spacer_lqs2u_1 .flex_row {
27
+ align-items: flex-start;
28
+ }
29
+
30
+ ._quote_lqs2u_1 p {
31
+ font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
32
+ font-style: italic;
33
+ line-height: 1.2;
34
+ }
35
+
36
+ .lchs2s1 ._quote_lqs2u_1 p {
37
+ color: #1e3860;
38
+ }
39
+
40
+ @media (max-width: 768px) {
41
+ ._quote_spacer_lqs2u_1 .img_fluid {
42
+ max-width: 30px;
43
+ margin-right: 12px;
44
+ }
45
+ ._author_lqs2u_13 {
46
+ margin-top: 14px;
47
+ }
48
+ ._quote_lqs2u_1 p {
49
+ font-size: 18px;
50
+ }
51
+ ._author_lqs2u_13 cite {
52
+ font-size: 14px;
53
+ }
54
+ }
55
+
56
+ @media (max-width: 500px) {
57
+ ._author_lqs2u_13 {
58
+ margin-top: 12px;
59
+ }
60
+ }
61
+
62
+ @media (min-width: 604px) {
63
+ ._quote_spacer_lqs2u_1 {
64
+ width: min(calc(100% - 2rem), 792px);
65
+ }
66
+ }
67
+
68
+ @media (min-width: 1023px) {
69
+ ._quote_lqs2u_1 p {
70
+ font-weight: 700;
71
+ }
72
+ }
@@ -1,20 +1,3 @@
1
- @keyframes _1vox1xj11 {
2
- 0% {
3
- opacity: 1;
4
- }
5
- 25% {
6
- opacity: 0.6;
7
- }
8
- 50% {
9
- opacity: 1;
10
- }
11
- 75% {
12
- opacity: 0.7;
13
- }
14
- 100% {
15
- opacity: 1;
16
- }
17
- }
18
1
  ._1vox1xj1 {
19
2
  background: var(--_1073cm81);
20
3
  color: var(--_1073cm83);
@@ -39,7 +22,9 @@
39
22
  }
40
23
  ._1vox1xj7 {
41
24
  margin-bottom: 2.5rem;
25
+ max-width: 49.5rem;
42
26
  text-align: center;
27
+ margin-inline: auto;
43
28
  }
44
29
  ._1vox1xj9 {
45
30
  color: red;
@@ -47,273 +32,114 @@
47
32
  list-style: none;
48
33
  }
49
34
  ._1vox1xja {
50
- border-radius: 1rem;
51
- background-color: var(--_1073cm81);
52
- padding: 2rem;
53
- border: 1px solid #c9e6f7;
35
+ max-width: 792px;
36
+ margin: 0 auto;
54
37
  }
55
38
  ._1vox1xjb {
56
- margin-top: 1.3rem;
39
+ margin-top: 1rem;
57
40
  }
58
- ._1vox1xjc {
59
- color: var(--_1073cm85);
60
- font-family: var(--header-font-family);
41
+ ._1vox1xjb label {
42
+ padding-left: 3px;
61
43
  font-size: 18px;
62
44
  font-weight: 700;
63
- margin-bottom: 4px;
64
- padding-left: 16px;
45
+ margin-bottom: 5px;
46
+ display: inline-block;
65
47
  }
66
- ._1vox1xjd {
67
- -webkit-appearance: none;
68
- border: 1px solid #c9e6f7;
69
- border-radius: 12px;
70
- color: #363636;
48
+ ._1vox1xjb input, ._1vox1xjb select {
49
+ border-radius: 1rem;
50
+ outline: 0;
51
+ padding: 1rem 2rem;
71
52
  font-size: 18px;
72
53
  letter-spacing: .3px;
73
- outline: 0;
74
- padding: 14px 16px;
75
- font-family: var(--header-font-family);
76
- }
77
- ._1vox1xjd:focus {
78
- border-color: #1e629a;
79
- box-shadow: rgb(30, 56, 96) 0px 0px 0px 1px;
80
- background-color: #e9f8ff;
81
- }
82
- ._1vox1xjd::-webkit-inner-spin-button, ._1vox1xjd::-webkit-outer-spin-button {
54
+ color: #363636;
83
55
  -webkit-appearance: none;
84
- margin: 0;
85
- }
86
- ._1vox1xje {
87
- border-color: var(--_1073cm8t) !important;
56
+ height: 59px;
88
57
  }
89
- ._1vox1xje:focus {
90
- border-color: var(--_1073cm8t) !important;
91
- box-shadow: var(--_1073cm8t) 0px 0px 0px 1px;
92
- background-color: #fff5f5;
58
+ ._1vox1xjb .input_label {
59
+ color: inherit;
93
60
  }
94
- ._1vox1xjf {
95
- color: var(--_1073cm8t);
96
- font-size: 13px;
97
- font-weight: 500;
98
- margin-top: 5px;
99
- padding-left: 16px;
100
- display: block;
101
- }
102
- ._1vox1xjg {
61
+ ._1vox1xjc {
103
62
  position: relative;
104
63
  }
105
- ._1vox1xjh {
64
+ ._1vox1xjd {
106
65
  position: absolute;
107
- color: #363636;
108
- font-size: 16px;
109
- pointer-events: none;
110
- user-select: none;
66
+ color: #323339;
67
+ font-size: 18px;
68
+ font-weight: 500!important;
69
+ margin-bottom: 0;
111
70
  }
112
- ._1vox1xji {
71
+ ._1vox1xje {
72
+ left: 21px;
73
+ top: 46px;
74
+ }
75
+ ._1vox1xjf {
113
76
  top: 47px;
114
- right: 18px;
77
+ right: 10px;
115
78
  }
116
- ._1vox1xjj {
117
- padding-left: 29px;
79
+ ._1vox1xjg {
80
+ padding-left: 2rem;
118
81
  }
119
- ._1vox1xjl {
82
+ ._1vox1xji {
120
83
  width: 100%;
121
84
  }
122
- ._1vox1xjm > p {
85
+ ._1vox1xjj > p {
123
86
  font-size: 14px;
124
87
  line-height: 1.3;
125
88
  margin-bottom: 10px;
126
89
  letter-spacing: .2px;
127
90
  }
128
- ._1vox1xjn {
91
+ ._1vox1xjk {
129
92
  display: flex!important;
130
93
  flex-direction: column;
131
94
  align-items: center;
132
95
  }
133
- ._1vox1xjo {
96
+ ._1vox1xjl {
97
+ padding: 2rem;
98
+ width: 100%;
99
+ }
100
+ ._1vox1xjm {
101
+ margin-bottom: 1rem;
102
+ }
103
+ ._1vox1xjn {
134
104
  font-weight: bold;
135
105
  }
136
- ._1vox1xjp {
106
+ ._1vox1xjo {
137
107
  color: var(--_1073cm85);
138
108
  }
139
- ._1vox1xjq {
109
+ ._1vox1xjp {
140
110
  color: var(--_1073cm8c);
141
111
  }
142
- ._1vox1xjr {
112
+ ._1vox1xjq {
143
113
  color: var(--_1073cm8j);
144
114
  }
145
- ._1vox1xjs {
115
+ ._1vox1xjr {
146
116
  color: var(--_1073cm8q);
147
117
  }
148
- ._1vox1xjt {
118
+ ._1vox1xjs {
149
119
  margin-top: 0.5rem;
150
120
  }
151
- ._1vox1xju {
121
+ ._1vox1xjt {
152
122
  padding-inline-start: 0;
153
123
  }
154
- ._1vox1xjv {
155
- display: flex;
156
- align-items: center;
157
- justify-content: space-between;
158
- width: 100%;
159
- background: #ffffff;
160
- cursor: pointer;
161
- text-align: left;
162
- }
163
- ._1vox1xjw {
164
- width: 20px;
165
- height: 20px;
166
- flex-shrink: 0;
167
- color: #6b7280;
168
- transition: transform 200ms ease;
169
- }
170
- [data-open] ._1vox1xjw {
171
- transform: rotate(180deg);
172
- }
173
- ._1vox1xjx {
174
- background: #ffffff;
175
- border: 1px solid #c9e6f7;
176
- border-radius: 12px;
177
- box-shadow: 0 8px 24px rgba(0,0,0,0.12);
178
- min-width: var(--button-width);
179
- z-index: 50;
180
- margin-block: 4px;
181
- outline: none;
182
- padding: 12px;
183
- }
184
- ._1vox1xjy {
185
- color: #363636;
186
- cursor: pointer;
187
- font-family: var(--header-font-family);
188
- font-size: 16px;
189
- padding: 8px 16px;
190
- border: 1px solid transparent;
191
- border-radius: 8px;
192
- }
193
- ._1vox1xjy[data-selected], ._1vox1xjy[data-focus] {
194
- background: #e9f8ff;
195
- border-color: #c9e6f7;
196
- color: #1e3860;
197
- }
198
- ._1vox1xjy[data-selected] {
199
- font-weight: 700;
200
- }
201
- ._1vox1xjz {
202
- width: 100%;
203
- max-width: 320px;
204
- }
205
- ._1vox1xj10 {
206
- font-size: 13px;
207
- font-weight: 400;
208
- color: #6b7280;
209
- margin-left: 6px;
210
- letter-spacing: .2px;
211
- }
212
- ._1vox1xj12 {
213
- animation: _1vox1xj11 120ms linear infinite;
214
- filter: blur(0.3px);
215
- opacity: 0.85;
216
- }
217
- ._1vox1xj13 {
218
- width: 100%;
219
- min-width: 1px;
220
- border-radius: 1rem;
221
- border: 1px solid #c9e6f7;
222
- background: #ffffff;
223
- padding: 24px;
224
- }
225
- ._1vox1xj14 {
226
- background: url('https://www.axos.com/images/7FwQ1qLxA0zA7tLWlsqJNr/current.svg') #1e3860 left / cover;
227
- border-radius: 8px;
228
- color: #ffffff;
229
- display: flex;
230
- align-items: center;
231
- flex-direction: column;
232
- justify-content: center;
233
- margin-bottom: 12px;
234
- padding: 1rem;
235
- text-align: center;
236
- box-shadow: 0 4px 20px rgba(0,0,0,0.07);
237
- }
238
- ._1vox1xj15 {
239
- font-size: 16px;
240
- font-weight: 600;
241
- letter-spacing: .5px;
242
- margin-top: 3px;
243
- font-family: var(--header-font-family);
244
- }
245
- ._1vox1xj16 {
246
- font-size: 2.5rem;
247
- font-weight: 700;
248
- letter-spacing: -1px;
249
- line-height: 1.1;
250
- transition: color 200ms ease;
251
- font-variant-numeric: tabular-nums;
252
- font-family: var(--header-font-family);
253
- margin-top: 16px;
254
- }
255
- ._1vox1xj17 {
256
- display: flex;
257
- justify-content: space-between;
258
- align-items: center;
259
- padding: 11px 0;
260
- }
261
- ._1vox1xj17 + ._1vox1xj17 {
262
- border-top: 1px solid #F3F4F6;
263
- }
264
- ._1vox1xj18 {
265
- font-size: 15px;
266
- font-weight: 500;
267
- color: #6b7280;
268
- }
269
- ._1vox1xj19 {
270
- font-size: 16px;
271
- font-weight: 700;
272
- color: var(--_1073cm85);
273
- font-variant-numeric: tabular-nums;
274
- }
275
- ._1vox1xj1a {
276
- padding: 2rem;
277
- width: 100%;
278
- }
279
- ._1vox1xj1b {
280
- margin-bottom: 1rem;
281
- }
282
- @media screen and (max-width:768px) {
124
+ @media screen and (max-width:1124px) {
283
125
  ._1vox1xj5 {
284
126
  flex-wrap: wrap;
285
127
  justify-content: center;
286
128
  }
287
- ._1vox1xj7 {
288
- margin-bottom: 1.5rem;
289
- }
290
- }
291
- @media screen and (min-width:1024px) {
292
- ._1vox1xj5 ._1vox1xj5 {
293
- width: min(900px, calc(100% - 4rem));
129
+ ._1vox1xjk {
130
+ margin-top: 2rem;
294
131
  }
295
132
  }
296
- @media screen and (max-width:603px) {
297
- ._1vox1xja {
298
- padding: 1rem;
299
- }
300
- ._1vox1xjc {
301
- font-size: 1rem;
302
- }
303
- ._1vox1xji {
304
- top: 43px;
133
+ @media screen and (min-width:1125px) {
134
+ ._1vox1xj6 {
135
+ margin-right: 2rem;
305
136
  }
306
137
  }
307
138
  @media screen and (max-width:1023px) {
308
- ._1vox1xjd {
139
+ ._1vox1xjb input, ._1vox1xjb select {
309
140
  font-size: 1rem;
310
141
  }
311
- ._1vox1xjm {
142
+ ._1vox1xjj {
312
143
  margin-top: 1rem;
313
144
  }
314
- }
315
- @media screen and (max-width:1124px) {
316
- ._1vox1xjn {
317
- margin-top: 2rem;
318
- }
319
145
  }