@axos-web-dev/shared-components 2.2.34 → 2.2.36

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 (36) 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/FdicCallout/FdicCallout.module.js +2 -2
  5. package/dist/Interstitial/Interstitial.module.js +10 -10
  6. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +23 -23
  7. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  8. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  9. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  10. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  11. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  12. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +40 -40
  13. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +37 -37
  14. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js +27 -27
  15. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +3 -3
  16. package/dist/NavigationMenu/ServerNavigation/NavBar.module.js +40 -40
  17. package/dist/NavigationMenu/ServerNavigation/index.js +1 -1
  18. package/dist/WalnutIframe/wrapper.module.js +3 -3
  19. package/dist/assets/Avatar/Avatar.css +59 -59
  20. package/dist/assets/Blockquote/Blockquote.css +72 -72
  21. package/dist/assets/FdicCallout/FdicCallout.css +48 -48
  22. package/dist/assets/Interstitial/Interstitial.css +142 -142
  23. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +265 -265
  24. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  25. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +631 -631
  26. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +445 -445
  27. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css +485 -485
  28. package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css +428 -428
  29. package/dist/assets/NavigationMenu/LaVictoire/NavBar.css +429 -429
  30. package/dist/assets/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.css +353 -353
  31. package/dist/assets/NavigationMenu/ServerNavigation/NavBar.css +483 -483
  32. package/dist/assets/WalnutIframe/wrapper.css +48 -48
  33. package/dist/assets/utils/optimizeImage/optimizeImage.css +47 -47
  34. package/dist/utils/allowedAxosDomains.js +2 -3
  35. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  36. package/package.json +147 -147
@@ -1,265 +1,265 @@
1
- ._alts_header_qadqh_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._alts_wrapper_qadqh_5 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._alts_header_main_row_qadqh_11,
12
- ._alts_mobile_header_qadqh_12 {
13
- min-height: 80px;
14
- padding-top: 1rem;
15
- padding-bottom: 0.5rem;
16
- }
17
-
18
- ._alts_logo_wrap_qadqh_18 {
19
- padding: 9px 6px;
20
- }
21
-
22
- ._alts_primary_links_qadqh_22 {
23
- flex: 1 1 0;
24
- margin-left: 30px;
25
- }
26
-
27
- ._alts_main_nav_link_qadqh_27 {
28
- padding: 10px 8px;
29
- text-align: center;
30
- }
31
-
32
- ._alts_main_nav_link_qadqh_27:first-child {
33
- flex: 1 1 0;
34
- text-align: left;
35
- }
36
-
37
- ._alts_main_nav_link_qadqh_27 .active {
38
- border-color: currentColor;
39
- transition: border-color 0.5s ease;
40
- font-weight: 700;
41
- }
42
-
43
- ._alts_main_nav_link_qadqh_27 > a {
44
- display: inline-block;
45
- font-size: 16px;
46
- padding: 4px;
47
- border-bottom: 4px solid transparent;
48
- }
49
-
50
- ._alts_main_nav_link_qadqh_27 a {
51
- text-decoration: none;
52
- transition: opacity 0.3s ease;
53
- }
54
-
55
- ._alts_main_nav_link_qadqh_27 a:hover {
56
- opacity: 0.8;
57
- }
58
-
59
- ._alts_main_nav_link_qadqh_27 a:not(.active):hover {
60
- text-decoration: underline;
61
- }
62
-
63
- ._alts_hamburger_qadqh_63 {
64
- background: transparent;
65
- border: none;
66
- font-size: 0px;
67
- line-height: 1;
68
- outline: none;
69
- }
70
-
71
- ._alts_hamburger_qadqh_63:hover,
72
- ._alts_mobile_header_qadqh_12 button:hover {
73
- cursor: pointer;
74
- opacity: 0.8;
75
- }
76
-
77
- ._alts_mobile_logo_qadqh_77 {
78
- flex: 1 1 0%;
79
- text-align: center;
80
- }
81
-
82
- ._alts_mobile_header_qadqh_12 {
83
- border-bottom: 1px solid #ebebeb;
84
- display: grid;
85
- padding-bottom: 1rem;
86
- place-items: center;
87
- }
88
-
89
- ._alts_mobile_header_qadqh_12 p {
90
- font: 400 20px / 1.3 var(--header-font-family);
91
- margin-bottom: 0;
92
- }
93
-
94
- ._alts_mobile_header_qadqh_12 button {
95
- background: none;
96
- border: none;
97
- position: absolute;
98
- right: 40px;
99
- top: 50%;
100
- transform: translateY(-50%);
101
- }
102
-
103
- ._alts_mobile_nav_qadqh_103 {
104
- border-right: 1px solid #ebebeb;
105
- left: -100%;
106
- min-height: 100vh;
107
- position: fixed;
108
- top: 0;
109
- transition: all 0.4s ease-in-out;
110
- width: 100%;
111
- z-index: 1205;
112
- }
113
-
114
- ._alts_mobile_opened_qadqh_114 {
115
- left: 0%;
116
- }
117
-
118
- body:has(._alts_mobile_opened_qadqh_114) {
119
- overflow-y: hidden;
120
- }
121
-
122
- ._alts_mobile_nav_item_qadqh_122 {
123
- background-color: #f4f4f4;
124
- border-bottom: 1px solid #ebebeb;
125
- }
126
-
127
- ._alts_mobile_nav_item_qadqh_122 > a {
128
- color: #323339;
129
- display: flex;
130
- font-weight: 700;
131
- line-height: 1.5;
132
- padding: 16px 40px;
133
- text-decoration: none;
134
- width: 100%;
135
- }
136
-
137
- ._alts_icon_wrap_qadqh_137 {
138
- line-height: 1;
139
- height: 24px;
140
- }
141
-
142
- ._alts_mobile_footer_qadqh_142 {
143
- position: relative;
144
- width: 100%;
145
- }
146
-
147
- ._alts_mobile_footer_content_qadqh_147 {
148
- background-color: #f4f4f4;
149
- flex: 1 1 0%;
150
- padding: 16px 24px 16px 40px;
151
- }
152
-
153
- ._alts_mobile_footer_content_qadqh_147 p {
154
- font-size: 14px;
155
- line-height: 1.5;
156
- }
157
-
158
- ._alts_mobile_footer_media_qadqh_158 {
159
- flex-basis: min(42%, 300px);
160
- background: url("https://images.axos.com/o9ov1v03uwqk/1MqciOHfhfCbe5KM8N9LnC/2b71183753a701cd9dee4cb121e5fd47/axb-img-alts-mobile-menu.png")
161
- no-repeat 81% / cover;
162
- }
163
-
164
- ._alts_mobile_footer_qadqh_142 > .flex_row {
165
- min-height: 112px;
166
- }
167
-
168
- ._alts_inner_wrapper_qadqh_168 {
169
- max-height: 100vh;
170
- overflow-y: scroll;
171
- }
172
-
173
- ._alts_btn_qadqh_173 {
174
- display: block;
175
- position: relative;
176
- }
177
-
178
- ._alts_sub_menu_qadqh_178 {
179
- overflow: hidden;
180
- max-height: 0;
181
- transition: max-height 0.8s ease-out;
182
- background: #fff;
183
- overflow-y: scroll;
184
- }
185
-
186
- ._alts_skip_btn_qadqh_186 {
187
- clip: rect(1px 1px 1px 1px);
188
- margin: -1px;
189
- overflow: hidden;
190
- padding: 0;
191
- position: absolute;
192
- }
193
-
194
- ._alts_skip_btn_qadqh_186:active,
195
- ._alts_skip_btn_qadqh_186:focus {
196
- background-color: #faa74a;
197
- border-radius: 8px;
198
- clip: auto;
199
- color: #1e3869;
200
- font-size: 14px;
201
- font-weight: 700;
202
- margin: 0;
203
- overflow: visible;
204
- padding: 9px 24px;
205
- position: relative;
206
- text-decoration: none;
207
- top: 12px;
208
- }
209
-
210
- ._alts_desktop_only_qadqh_210,
211
- ._alts_main_nav_qadqh_27 {
212
- flex: 1 1 0%;
213
- }
214
-
215
- @media (max-width: 1121px) {
216
- ._alts_mobile_logo_qadqh_77 {
217
- position: absolute;
218
- transform: translateX(-50%);
219
- left: 50%;
220
- flex: none;
221
- }
222
- }
223
-
224
- @media (max-width: 1280px) and (min-width: 1024px) {
225
- ._alts_wrapper_qadqh_5 {
226
- width: calc(100% - 28px);
227
- }
228
- ._alts_main_nav_link_qadqh_27 > a {
229
- padding: 4px 6px;
230
- font-size: 15px;
231
- }
232
- ._alts_desktop_only_qadqh_210 > a {
233
- font-size: 15px;
234
- }
235
- }
236
-
237
- @media (max-width: 1023px) {
238
- ._alts_desktop_only_qadqh_210 {
239
- display: none !important;
240
- }
241
- }
242
-
243
- @media (max-width: 768px) {
244
- ._alts_wrapper_qadqh_5 {
245
- width: calc(100% - 48px);
246
- }
247
-
248
- ._alts_mobile_header_qadqh_12 button {
249
- right: 1.5rem;
250
- }
251
-
252
- ._alts_mobile_nav_item_qadqh_122 > a {
253
- padding: 16px 24px;
254
- }
255
- ._alts_mobile_footer_content_qadqh_147 {
256
- padding-right: 15px;
257
- padding-left: 24px;
258
- }
259
- }
260
-
261
- @media (min-width: 1024px) {
262
- ._alts_mobile_only_qadqh_262 {
263
- display: none !important;
264
- }
265
- }
1
+ ._alts_header_1ttjd_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._alts_wrapper_1ttjd_9 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._alts_header_main_row_1ttjd_21,
12
+ ._alts_mobile_header_1ttjd_23 {
13
+ min-height: 80px;
14
+ padding-top: 1rem;
15
+ padding-bottom: 0.5rem;
16
+ }
17
+
18
+ ._alts_logo_wrap_1ttjd_35 {
19
+ padding: 9px 6px;
20
+ }
21
+
22
+ ._alts_primary_links_1ttjd_43 {
23
+ flex: 1 1 0;
24
+ margin-left: 30px;
25
+ }
26
+
27
+ ._alts_main_nav_link_1ttjd_53 {
28
+ padding: 10px 8px;
29
+ text-align: center;
30
+ }
31
+
32
+ ._alts_main_nav_link_1ttjd_53:first-child {
33
+ flex: 1 1 0;
34
+ text-align: left;
35
+ }
36
+
37
+ ._alts_main_nav_link_1ttjd_53 .active {
38
+ border-color: currentColor;
39
+ transition: border-color 0.5s ease;
40
+ font-weight: 700;
41
+ }
42
+
43
+ ._alts_main_nav_link_1ttjd_53 > a {
44
+ display: inline-block;
45
+ font-size: 16px;
46
+ padding: 4px;
47
+ border-bottom: 4px solid transparent;
48
+ }
49
+
50
+ ._alts_main_nav_link_1ttjd_53 a {
51
+ text-decoration: none;
52
+ transition: opacity 0.3s ease;
53
+ }
54
+
55
+ ._alts_main_nav_link_1ttjd_53 a:hover {
56
+ opacity: 0.8;
57
+ }
58
+
59
+ ._alts_main_nav_link_1ttjd_53 a:not(.active):hover {
60
+ text-decoration: underline;
61
+ }
62
+
63
+ ._alts_hamburger_1ttjd_125 {
64
+ background: transparent;
65
+ border: none;
66
+ font-size: 0px;
67
+ line-height: 1;
68
+ outline: none;
69
+ }
70
+
71
+ ._alts_hamburger_1ttjd_125:hover,
72
+ ._alts_mobile_header_1ttjd_23 button:hover {
73
+ cursor: pointer;
74
+ opacity: 0.8;
75
+ }
76
+
77
+ ._alts_mobile_logo_1ttjd_153 {
78
+ flex: 1 1 0%;
79
+ text-align: center;
80
+ }
81
+
82
+ ._alts_mobile_header_1ttjd_23 {
83
+ border-bottom: 1px solid #ebebeb;
84
+ display: grid;
85
+ padding-bottom: 1rem;
86
+ place-items: center;
87
+ }
88
+
89
+ ._alts_mobile_header_1ttjd_23 p {
90
+ font: 400 20px / 1.3 var(--header-font-family);
91
+ margin-bottom: 0;
92
+ }
93
+
94
+ ._alts_mobile_header_1ttjd_23 button {
95
+ background: none;
96
+ border: none;
97
+ position: absolute;
98
+ right: 40px;
99
+ top: 50%;
100
+ transform: translateY(-50%);
101
+ }
102
+
103
+ ._alts_mobile_nav_1ttjd_205 {
104
+ border-right: 1px solid #ebebeb;
105
+ left: -100%;
106
+ min-height: 100vh;
107
+ position: fixed;
108
+ top: 0;
109
+ transition: all 0.4s ease-in-out;
110
+ width: 100%;
111
+ z-index: 1205;
112
+ }
113
+
114
+ ._alts_mobile_opened_1ttjd_227 {
115
+ left: 0%;
116
+ }
117
+
118
+ body:has(._alts_mobile_opened_1ttjd_227) {
119
+ overflow-y: hidden;
120
+ }
121
+
122
+ ._alts_mobile_nav_item_1ttjd_243 {
123
+ background-color: #f4f4f4;
124
+ border-bottom: 1px solid #ebebeb;
125
+ }
126
+
127
+ ._alts_mobile_nav_item_1ttjd_243 > a {
128
+ color: #323339;
129
+ display: flex;
130
+ font-weight: 700;
131
+ line-height: 1.5;
132
+ padding: 16px 40px;
133
+ text-decoration: none;
134
+ width: 100%;
135
+ }
136
+
137
+ ._alts_icon_wrap_1ttjd_273 {
138
+ line-height: 1;
139
+ height: 24px;
140
+ }
141
+
142
+ ._alts_mobile_footer_1ttjd_283 {
143
+ position: relative;
144
+ width: 100%;
145
+ }
146
+
147
+ ._alts_mobile_footer_content_1ttjd_293 {
148
+ background-color: #f4f4f4;
149
+ flex: 1 1 0%;
150
+ padding: 16px 24px 16px 40px;
151
+ }
152
+
153
+ ._alts_mobile_footer_content_1ttjd_293 p {
154
+ font-size: 14px;
155
+ line-height: 1.5;
156
+ }
157
+
158
+ ._alts_mobile_footer_media_1ttjd_315 {
159
+ flex-basis: min(42%, 300px);
160
+ background: url("https://images.axos.com/o9ov1v03uwqk/1MqciOHfhfCbe5KM8N9LnC/2b71183753a701cd9dee4cb121e5fd47/axb-img-alts-mobile-menu.png")
161
+ no-repeat 81% / cover;
162
+ }
163
+
164
+ ._alts_mobile_footer_1ttjd_283 > .flex_row {
165
+ min-height: 112px;
166
+ }
167
+
168
+ ._alts_inner_wrapper_1ttjd_335 {
169
+ max-height: 100vh;
170
+ overflow-y: scroll;
171
+ }
172
+
173
+ ._alts_btn_1ttjd_345 {
174
+ display: block;
175
+ position: relative;
176
+ }
177
+
178
+ ._alts_sub_menu_1ttjd_355 {
179
+ overflow: hidden;
180
+ max-height: 0;
181
+ transition: max-height 0.8s ease-out;
182
+ background: #fff;
183
+ overflow-y: scroll;
184
+ }
185
+
186
+ ._alts_skip_btn_1ttjd_371 {
187
+ clip: rect(1px 1px 1px 1px);
188
+ margin: -1px;
189
+ overflow: hidden;
190
+ padding: 0;
191
+ position: absolute;
192
+ }
193
+
194
+ ._alts_skip_btn_1ttjd_371:active,
195
+ ._alts_skip_btn_1ttjd_371:focus {
196
+ background-color: #faa74a;
197
+ border-radius: 8px;
198
+ clip: auto;
199
+ color: #1e3869;
200
+ font-size: 14px;
201
+ font-weight: 700;
202
+ margin: 0;
203
+ overflow: visible;
204
+ padding: 9px 24px;
205
+ position: relative;
206
+ text-decoration: none;
207
+ top: 12px;
208
+ }
209
+
210
+ ._alts_desktop_only_1ttjd_419,
211
+ ._alts_main_nav_1ttjd_53 {
212
+ flex: 1 1 0%;
213
+ }
214
+
215
+ @media (max-width: 1121px) {
216
+ ._alts_mobile_logo_1ttjd_153 {
217
+ position: absolute;
218
+ transform: translateX(-50%);
219
+ left: 50%;
220
+ flex: none;
221
+ }
222
+ }
223
+
224
+ @media (max-width: 1280px) and (min-width: 1024px) {
225
+ ._alts_wrapper_1ttjd_9 {
226
+ width: calc(100% - 28px);
227
+ }
228
+ ._alts_main_nav_link_1ttjd_53 > a {
229
+ padding: 4px 6px;
230
+ font-size: 15px;
231
+ }
232
+ ._alts_desktop_only_1ttjd_419 > a {
233
+ font-size: 15px;
234
+ }
235
+ }
236
+
237
+ @media (max-width: 1023px) {
238
+ ._alts_desktop_only_1ttjd_419 {
239
+ display: none !important;
240
+ }
241
+ }
242
+
243
+ @media (max-width: 768px) {
244
+ ._alts_wrapper_1ttjd_9 {
245
+ width: calc(100% - 48px);
246
+ }
247
+
248
+ ._alts_mobile_header_1ttjd_23 button {
249
+ right: 1.5rem;
250
+ }
251
+
252
+ ._alts_mobile_nav_item_1ttjd_243 > a {
253
+ padding: 16px 24px;
254
+ }
255
+ ._alts_mobile_footer_content_1ttjd_293 {
256
+ padding-right: 15px;
257
+ padding-left: 24px;
258
+ }
259
+ }
260
+
261
+ @media (min-width: 1024px) {
262
+ ._alts_mobile_only_1ttjd_523 {
263
+ display: none !important;
264
+ }
265
+ }