@axos-web-dev/shared-components 0.0.187 → 0.0.188

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.
@@ -278,7 +278,7 @@ const AxosFooterSiteMap = ({
278
278
  "a",
279
279
  {
280
280
  className: ft_col_subheader,
281
- href: findMoreAxosDomains("{AXOSBANK}/commercial"),
281
+ href: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
282
282
  children: "Commercial Lending"
283
283
  }
284
284
  ) }),
@@ -703,9 +703,7 @@ const AxosFooterSiteMap = ({
703
703
  "a",
704
704
  {
705
705
  className: ft_col_subheader,
706
- href: findMoreAxosDomains(
707
- "{AXOSBANK}/business/Commercial-Banking"
708
- ),
706
+ href: findMoreAxosDomains("{AXOSBANK}/commercial/banking"),
709
707
  children: "Commercial Banking"
710
708
  }
711
709
  ) }),
@@ -779,9 +777,7 @@ const AxosFooterSiteMap = ({
779
777
  "a",
780
778
  {
781
779
  className: ft_col_subheader,
782
- href: findMoreAxosDomains(
783
- "{AXOSBANK}/business/Commercial-Banking-and-Lending"
784
- ),
780
+ href: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
785
781
  children: "Commercial Lending"
786
782
  }
787
783
  ) }),
@@ -1,57 +1,56 @@
1
- const header = "_header_afo3l_1";
2
- const wrapper = "_wrapper_afo3l_5";
3
- const header_main_row = "_header_main_row_afo3l_11";
4
- const mobile_header = "_mobile_header_afo3l_12";
5
- const logo_wrap = "_logo_wrap_afo3l_18";
6
- const primary_links = "_primary_links_afo3l_22";
7
- const main_nav_link = "_main_nav_link_afo3l_26";
8
- const sub_nav_link = "_sub_nav_link_afo3l_44";
9
- const signin_wrap = "_signin_wrap_afo3l_46";
10
- const signin_btn = "_signin_btn_afo3l_47";
11
- const header_sub_row = "_header_sub_row_afo3l_84";
12
- const signin_dropdown = "_signin_dropdown_afo3l_107";
13
- const shadow = "_shadow_afo3l_117";
14
- const signin_header = "_signin_header_afo3l_127";
15
- const signin_subheader = "_signin_subheader_afo3l_134";
16
- const opacity = "_opacity_afo3l_156";
17
- const fadeInDown = "_fadeInDown_afo3l_1";
18
- const signin_footer = "_signin_footer_afo3l_162";
19
- const open = "_open_afo3l_183";
20
- const dd_wrapper = "_dd_wrapper_afo3l_195";
21
- const dd_media = "_dd_media_afo3l_204";
22
- const dd_media_img = "_dd_media_img_afo3l_209";
23
- const dd_site_navs = "_dd_site_navs_afo3l_213";
24
- const dd_media_header = "_dd_media_header_afo3l_220";
25
- const mt_8 = "_mt_8_afo3l_230";
26
- const mt_16 = "_mt_16_afo3l_234";
27
- const ml_8 = "_ml_8_afo3l_238";
28
- const dd_media_cta = "_dd_media_cta_afo3l_242";
29
- const reversed_row = "_reversed_row_afo3l_274";
30
- const headline = "_headline_afo3l_284";
31
- const nav_anchor = "_nav_anchor_afo3l_299";
32
- const headline_cta = "_headline_cta_afo3l_307";
33
- const site_lists = "_site_lists_afo3l_322";
34
- const hamburger = "_hamburger_afo3l_360";
35
- const mobile_only = "_mobile_only_afo3l_374";
36
- const mobile_logo = "_mobile_logo_afo3l_380";
37
- const highlight = "_highlight_afo3l_385";
38
- const mobile_nav = "_mobile_nav_afo3l_411";
39
- const mobile_opened = "_mobile_opened_afo3l_422";
40
- const mobile_nav_item = "_mobile_nav_item_afo3l_430";
41
- const has_dropdown = "_has_dropdown_afo3l_445";
42
- const icon_wrap = "_icon_wrap_afo3l_461";
43
- const mobile_footer = "_mobile_footer_afo3l_466";
44
- const mobile_footer_content = "_mobile_footer_content_afo3l_471";
45
- const mobile_footer_media = "_mobile_footer_media_afo3l_485";
46
- const footer_cta = "_footer_cta_afo3l_491";
47
- const inner_wrapper = "_inner_wrapper_afo3l_519";
48
- const btn = "_btn_afo3l_524";
49
- const sub_menu = "_sub_menu_afo3l_529";
50
- const main = "_main_afo3l_26";
51
- const dd_footer = "_dd_footer_afo3l_554";
52
- const skip_btn = "_skip_btn_afo3l_562";
53
- const skip_btnt = "_skip_btnt_afo3l_570";
54
- const desktop_only = "_desktop_only_afo3l_607";
1
+ const header = "_header_1hvl7_1";
2
+ const wrapper = "_wrapper_1hvl7_5";
3
+ const header_main_row = "_header_main_row_1hvl7_11";
4
+ const mobile_header = "_mobile_header_1hvl7_12";
5
+ const logo_wrap = "_logo_wrap_1hvl7_18";
6
+ const primary_links = "_primary_links_1hvl7_22";
7
+ const main_nav_link = "_main_nav_link_1hvl7_26";
8
+ const sub_nav_link = "_sub_nav_link_1hvl7_44";
9
+ const signin_wrap = "_signin_wrap_1hvl7_46";
10
+ const signin_btn = "_signin_btn_1hvl7_47";
11
+ const header_sub_row = "_header_sub_row_1hvl7_84";
12
+ const signin_dropdown = "_signin_dropdown_1hvl7_107";
13
+ const shadow = "_shadow_1hvl7_117";
14
+ const signin_header = "_signin_header_1hvl7_127";
15
+ const signin_subheader = "_signin_subheader_1hvl7_134";
16
+ const opacity = "_opacity_1hvl7_156";
17
+ const fadeInDown = "_fadeInDown_1hvl7_1";
18
+ const signin_footer = "_signin_footer_1hvl7_162";
19
+ const open = "_open_1hvl7_183";
20
+ const dd_wrapper = "_dd_wrapper_1hvl7_195";
21
+ const dd_media = "_dd_media_1hvl7_204";
22
+ const dd_media_img = "_dd_media_img_1hvl7_209";
23
+ const dd_site_navs = "_dd_site_navs_1hvl7_213";
24
+ const dd_media_header = "_dd_media_header_1hvl7_220";
25
+ const mt_8 = "_mt_8_1hvl7_230";
26
+ const mt_16 = "_mt_16_1hvl7_234";
27
+ const ml_8 = "_ml_8_1hvl7_238";
28
+ const dd_media_cta = "_dd_media_cta_1hvl7_242";
29
+ const reversed_row = "_reversed_row_1hvl7_274";
30
+ const headline = "_headline_1hvl7_284";
31
+ const nav_anchor = "_nav_anchor_1hvl7_299";
32
+ const headline_cta = "_headline_cta_1hvl7_307";
33
+ const site_lists = "_site_lists_1hvl7_322";
34
+ const hamburger = "_hamburger_1hvl7_360";
35
+ const mobile_only = "_mobile_only_1hvl7_374";
36
+ const mobile_logo = "_mobile_logo_1hvl7_380";
37
+ const highlight = "_highlight_1hvl7_385";
38
+ const mobile_nav = "_mobile_nav_1hvl7_411";
39
+ const mobile_opened = "_mobile_opened_1hvl7_422";
40
+ const mobile_nav_item = "_mobile_nav_item_1hvl7_430";
41
+ const has_dropdown = "_has_dropdown_1hvl7_445";
42
+ const icon_wrap = "_icon_wrap_1hvl7_461";
43
+ const mobile_footer = "_mobile_footer_1hvl7_466";
44
+ const mobile_footer_content = "_mobile_footer_content_1hvl7_471";
45
+ const mobile_footer_media = "_mobile_footer_media_1hvl7_485";
46
+ const footer_cta = "_footer_cta_1hvl7_491";
47
+ const inner_wrapper = "_inner_wrapper_1hvl7_519";
48
+ const btn = "_btn_1hvl7_524";
49
+ const sub_menu = "_sub_menu_1hvl7_529";
50
+ const main = "_main_1hvl7_26";
51
+ const dd_footer = "_dd_footer_1hvl7_554";
52
+ const skip_btn = "_skip_btn_1hvl7_562";
53
+ const desktop_only = "_desktop_only_1hvl7_607";
55
54
  const styles = {
56
55
  header,
57
56
  wrapper,
@@ -105,7 +104,6 @@ const styles = {
105
104
  main,
106
105
  dd_footer,
107
106
  skip_btn,
108
- skip_btnt,
109
107
  desktop_only
110
108
  };
111
109
  export {
@@ -160,7 +158,6 @@ export {
160
158
  signin_wrap,
161
159
  site_lists,
162
160
  skip_btn,
163
- skip_btnt,
164
161
  sub_menu,
165
162
  sub_nav_link,
166
163
  wrapper
@@ -1,66 +1,66 @@
1
- ._header_afo3l_1 {
1
+ ._header_1hvl7_1 {
2
2
  border-bottom: 1px solid #ebebeb;
3
3
  }
4
4
 
5
- ._wrapper_afo3l_5 {
5
+ ._wrapper_1hvl7_5 {
6
6
  width: calc(100% - 80px);
7
7
  margin-left: auto;
8
8
  margin-right: auto;
9
9
  }
10
10
 
11
- ._header_main_row_afo3l_11,
12
- ._mobile_header_afo3l_12 {
11
+ ._header_main_row_1hvl7_11,
12
+ ._mobile_header_1hvl7_12 {
13
13
  min-height: 80px;
14
14
  padding-top: 1rem;
15
15
  padding-bottom: 0.5rem;
16
16
  }
17
17
 
18
- ._logo_wrap_afo3l_18 {
18
+ ._logo_wrap_1hvl7_18 {
19
19
  padding: 9px 6px;
20
20
  }
21
21
 
22
- ._primary_links_afo3l_22 {
22
+ ._primary_links_1hvl7_22 {
23
23
  margin-left: 30px;
24
24
  }
25
25
 
26
- ._main_nav_link_afo3l_26 {
26
+ ._main_nav_link_1hvl7_26 {
27
27
  padding: 10px 8px;
28
28
  text-align: center;
29
29
  }
30
30
 
31
- ._main_nav_link_afo3l_26 .active {
31
+ ._main_nav_link_1hvl7_26 .active {
32
32
  border-color: currentColor;
33
33
  transition: border-color 0.5s ease;
34
34
  font-weight: 700;
35
35
  }
36
36
 
37
- ._main_nav_link_afo3l_26 > a {
37
+ ._main_nav_link_1hvl7_26 > a {
38
38
  display: inline-block;
39
39
  font-size: 16px;
40
40
  padding: 4px 26px;
41
41
  border-bottom: 4px solid transparent;
42
42
  }
43
43
 
44
- ._sub_nav_link_afo3l_44 a,
45
- ._main_nav_link_afo3l_26 a,
46
- ._signin_wrap_afo3l_46 a,
47
- ._signin_btn_afo3l_47 {
44
+ ._sub_nav_link_1hvl7_44 a,
45
+ ._main_nav_link_1hvl7_26 a,
46
+ ._signin_wrap_1hvl7_46 a,
47
+ ._signin_btn_1hvl7_47 {
48
48
  text-decoration: none;
49
49
  transition: opacity 0.3s ease;
50
50
  }
51
51
 
52
- ._sub_nav_link_afo3l_44:hover,
53
- ._main_nav_link_afo3l_26 a:hover,
54
- ._signin_wrap_afo3l_46 a:hover {
52
+ ._sub_nav_link_1hvl7_44:hover,
53
+ ._main_nav_link_1hvl7_26 a:hover,
54
+ ._signin_wrap_1hvl7_46 a:hover {
55
55
  opacity: 0.8;
56
56
  }
57
57
 
58
- ._signin_wrap_afo3l_46 .link {
58
+ ._signin_wrap_1hvl7_46 .link {
59
59
  text-decoration: none;
60
60
  padding: 8px;
61
61
  }
62
62
 
63
- ._signin_btn_afo3l_47 {
63
+ ._signin_btn_1hvl7_47 {
64
64
  border-color: transparent;
65
65
  color: #fff;
66
66
  padding: 11px 24px;
@@ -72,27 +72,27 @@
72
72
  cursor: pointer;
73
73
  }
74
74
 
75
- ._signin_btn_afo3l_47:hover {
75
+ ._signin_btn_1hvl7_47:hover {
76
76
  background-color: transparent;
77
77
  opacity: 0.9;
78
78
  }
79
79
 
80
- ._signin_btn_afo3l_47 > span {
80
+ ._signin_btn_1hvl7_47 > span {
81
81
  margin-right: 8px;
82
82
  }
83
83
 
84
- ._header_sub_row_afo3l_84 {
84
+ ._header_sub_row_1hvl7_84 {
85
85
  min-height: 48px;
86
86
  position: relative;
87
87
  }
88
88
 
89
- ._sub_nav_link_afo3l_44 {
89
+ ._sub_nav_link_1hvl7_44 {
90
90
  padding-inline: 1rem;
91
91
  text-align: center;
92
92
  color: #fff;
93
93
  }
94
94
 
95
- ._sub_nav_link_afo3l_44 a {
95
+ ._sub_nav_link_1hvl7_44 a {
96
96
  display: flex;
97
97
  align-items: center;
98
98
  font-weight: 500;
@@ -100,11 +100,11 @@
100
100
  padding: 12px 9.5px;
101
101
  }
102
102
 
103
- ._sub_nav_link_afo3l_44 a:hover {
103
+ ._sub_nav_link_1hvl7_44 a:hover {
104
104
  background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
105
105
  }
106
106
 
107
- ._signin_dropdown_afo3l_107 {
107
+ ._signin_dropdown_1hvl7_107 {
108
108
  min-width: 288px;
109
109
  padding: 1.5rem 1rem;
110
110
  position: absolute;
@@ -114,34 +114,34 @@
114
114
  display: none;
115
115
  }
116
116
 
117
- ._shadow_afo3l_117 {
117
+ ._shadow_1hvl7_117 {
118
118
  box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
119
119
  border: 0.5px solid rgb(255 255 255 / 14%);
120
120
  border-top: none;
121
121
  }
122
122
 
123
- ._signin_dropdown_afo3l_107 li[role="heading"] {
123
+ ._signin_dropdown_1hvl7_107 li[role="heading"] {
124
124
  margin-top: 1px;
125
125
  }
126
126
 
127
- ._signin_header_afo3l_127 {
127
+ ._signin_header_1hvl7_127 {
128
128
  color: #323339;
129
129
  font-weight: 700;
130
130
  padding: 0.5rem 1rem;
131
131
  text-align: left;
132
132
  }
133
133
 
134
- ._signin_subheader_afo3l_134 {
134
+ ._signin_subheader_1hvl7_134 {
135
135
  color: #2f5b88;
136
136
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
137
137
  }
138
138
 
139
- ._signin_header_afo3l_127,
140
- ._signin_subheader_afo3l_134 a {
139
+ ._signin_header_1hvl7_127,
140
+ ._signin_subheader_1hvl7_134 a {
141
141
  line-height: 1.5;
142
142
  }
143
143
 
144
- @keyframes _fadeInDown_afo3l_1 {
144
+ @keyframes _fadeInDown_1hvl7_1 {
145
145
  from {
146
146
  opacity: 0;
147
147
  transform: translate3d(0, -1%, 0);
@@ -153,23 +153,23 @@
153
153
  }
154
154
  }
155
155
 
156
- ._opacity_afo3l_156 {
156
+ ._opacity_1hvl7_156 {
157
157
  animation-duration: 0.5s;
158
158
  animation-fill-mode: both;
159
- animation-name: _fadeInDown_afo3l_1;
159
+ animation-name: _fadeInDown_1hvl7_1;
160
160
  }
161
161
 
162
- ._signin_footer_afo3l_162 {
162
+ ._signin_footer_1hvl7_162 {
163
163
  margin-top: 0.5rem;
164
164
  padding-top: 1rem;
165
165
  }
166
166
 
167
- ._signin_footer_afo3l_162 > a + a {
167
+ ._signin_footer_1hvl7_162 > a + a {
168
168
  display: block;
169
169
  margin-top: 16px;
170
170
  }
171
171
 
172
- ._signin_footer_afo3l_162::before {
172
+ ._signin_footer_1hvl7_162::before {
173
173
  content: "";
174
174
  background-color: #8f8f8f;
175
175
  height: 2px;
@@ -180,19 +180,19 @@
180
180
  width: 94%;
181
181
  }
182
182
 
183
- ._open_afo3l_183 {
183
+ ._open_1hvl7_183 {
184
184
  opacity: 0.8;
185
185
  }
186
186
 
187
- ._open_afo3l_183 > svg {
187
+ ._open_1hvl7_183 > svg {
188
188
  transform: scaleY(-1);
189
189
  }
190
190
 
191
- ._open_afo3l_183 + ._signin_dropdown_afo3l_107 {
191
+ ._open_1hvl7_183 + ._signin_dropdown_1hvl7_107 {
192
192
  display: block;
193
193
  }
194
194
 
195
- ._dd_wrapper_afo3l_195 {
195
+ ._dd_wrapper_1hvl7_195 {
196
196
  max-width: 1440px;
197
197
  outline: none !important;
198
198
  position: absolute;
@@ -201,45 +201,45 @@
201
201
  z-index: 1203;
202
202
  }
203
203
 
204
- ._dd_media_afo3l_204 {
204
+ ._dd_media_1hvl7_204 {
205
205
  padding: 1.5rem;
206
206
  width: 280px;
207
207
  }
208
208
 
209
- ._dd_media_img_afo3l_209 {
209
+ ._dd_media_img_1hvl7_209 {
210
210
  min-height: 232px;
211
211
  }
212
212
 
213
- ._dd_site_navs_afo3l_213 {
213
+ ._dd_site_navs_1hvl7_213 {
214
214
  display: flex;
215
215
  flex-direction: column;
216
216
  flex: 1 1 0%;
217
217
  padding: 1.5rem;
218
218
  }
219
219
 
220
- ._dd_media_header_afo3l_220 p {
220
+ ._dd_media_header_1hvl7_220 p {
221
221
  color: #fff;
222
222
  font-size: 14px;
223
223
  line-height: 1.42;
224
224
  }
225
225
 
226
- ._dd_media_header_afo3l_220 p[role="heading"] {
226
+ ._dd_media_header_1hvl7_220 p[role="heading"] {
227
227
  font: 600 1.25rem/ 1.4 var(--header-font-family);
228
228
  }
229
229
 
230
- ._mt_8_afo3l_230 {
230
+ ._mt_8_1hvl7_230 {
231
231
  margin-top: 8px;
232
232
  }
233
233
 
234
- ._mt_16_afo3l_234 {
234
+ ._mt_16_1hvl7_234 {
235
235
  margin-top: 1rem;
236
236
  }
237
237
 
238
- ._ml_8_afo3l_238 {
238
+ ._ml_8_1hvl7_238 {
239
239
  margin-left: 8px;
240
240
  }
241
241
 
242
- ._dd_media_cta_afo3l_242 > a:first-child {
242
+ ._dd_media_cta_1hvl7_242 > a:first-child {
243
243
  border-radius: 8px;
244
244
  border: 2px solid transparent;
245
245
  color: var(--_1073cm83) !important;
@@ -253,42 +253,42 @@
253
253
  width: 100%;
254
254
  }
255
255
 
256
- ._dd_media_cta_afo3l_242 > a:first-child:hover {
256
+ ._dd_media_cta_1hvl7_242 > a:first-child:hover {
257
257
  background-color: transparent;
258
258
  border-color: #fff;
259
259
  color: #fff !important;
260
260
  }
261
261
 
262
- ._dd_media_cta_afo3l_242 > a:nth-child(2) {
262
+ ._dd_media_cta_1hvl7_242 > a:nth-child(2) {
263
263
  color: #fff;
264
264
  display: inline-block;
265
265
  margin-top: 8px;
266
266
  text-decoration: none;
267
267
  }
268
268
 
269
- ._dd_media_cta_afo3l_242 > a:nth-child(2):hover {
269
+ ._dd_media_cta_1hvl7_242 > a:nth-child(2):hover {
270
270
  opacity: 0.8;
271
271
  text-decoration: underline;
272
272
  }
273
273
 
274
- ._reversed_row_afo3l_274 {
274
+ ._reversed_row_1hvl7_274 {
275
275
  flex-direction: row-reverse;
276
276
  }
277
277
 
278
- ._dd_media_cta_afo3l_242 > a:first-child:active {
278
+ ._dd_media_cta_1hvl7_242 > a:first-child:active {
279
279
  background-color: #fff;
280
280
  border-color: transparent;
281
281
  color: #1e3860 !important;
282
282
  }
283
283
 
284
- ._headline_afo3l_284 > p {
284
+ ._headline_1hvl7_284 > p {
285
285
  color: var(--_1073cm83);
286
286
  flex: 1 1 0%;
287
287
  font: 600 1.5rem / 1.33 var(--header-font-family);
288
288
  margin-bottom: 0;
289
289
  }
290
290
 
291
- ._headline_afo3l_284 > a[role="heading"] {
291
+ ._headline_1hvl7_284 > a[role="heading"] {
292
292
  color: var(--_1073cm83);
293
293
  flex: 1 1 0%;
294
294
  font: 600 1.5rem / 1.33 var(--header-font-family);
@@ -296,7 +296,7 @@
296
296
  text-decoration: none;
297
297
  }
298
298
 
299
- ._nav_anchor_afo3l_299 {
299
+ ._nav_anchor_1hvl7_299 {
300
300
  aspect-ratio: 1;
301
301
  background-color: #4a5560;
302
302
  border-radius: 8px;
@@ -304,26 +304,26 @@
304
304
  width: 1.5rem;
305
305
  }
306
306
 
307
- ._headline_cta_afo3l_307 {
307
+ ._headline_cta_1hvl7_307 {
308
308
  margin-left: 8px;
309
309
  }
310
310
 
311
- ._headline_cta_afo3l_307 > a {
311
+ ._headline_cta_1hvl7_307 > a {
312
312
  color: var(--_1073cm83);
313
313
  font-weight: 700;
314
314
  line-height: 1.5;
315
315
  text-decoration: none;
316
316
  }
317
317
 
318
- ._sub_nav_link_afo3l_44:hover,
319
- ._signin_wrap_afo3l_46 a:hover,
320
- ._main_nav_link_afo3l_26 a:not(.active):hover,
321
- ._dd_site_navs_afo3l_213 a:hover,
322
- ._site_lists_afo3l_322 a:hover {
318
+ ._sub_nav_link_1hvl7_44:hover,
319
+ ._signin_wrap_1hvl7_46 a:hover,
320
+ ._main_nav_link_1hvl7_26 a:not(.active):hover,
321
+ ._dd_site_navs_1hvl7_213 a:hover,
322
+ ._site_lists_1hvl7_322 a:hover {
323
323
  text-decoration: underline;
324
324
  }
325
325
 
326
- ._dd_site_navs_afo3l_213 hr {
326
+ ._dd_site_navs_1hvl7_213 hr {
327
327
  border-style: solid;
328
328
  border-width: 1px;
329
329
  color: #a0aab3;
@@ -332,32 +332,32 @@
332
332
  position: relative;
333
333
  }
334
334
 
335
- ._site_lists_afo3l_322 {
335
+ ._site_lists_1hvl7_322 {
336
336
  display: grid;
337
337
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
338
338
  gap: 24px;
339
339
  padding-bottom: 1.5rem;
340
340
  }
341
341
 
342
- ._site_lists_afo3l_322 > * {
342
+ ._site_lists_1hvl7_322 > * {
343
343
  width: 100%;
344
344
  }
345
345
 
346
- ._site_lists_afo3l_322 a {
346
+ ._site_lists_1hvl7_322 a {
347
347
  color: #323339;
348
348
  text-decoration: none;
349
349
  }
350
350
 
351
- ._site_lists_afo3l_322 [role="heading"] {
351
+ ._site_lists_1hvl7_322 [role="heading"] {
352
352
  color: var(--_1073cm83);
353
353
  font-weight: 700;
354
354
  }
355
355
 
356
- ._site_lists_afo3l_322 li + li {
356
+ ._site_lists_1hvl7_322 li + li {
357
357
  margin-top: 8px;
358
358
  }
359
359
 
360
- ._hamburger_afo3l_360 {
360
+ ._hamburger_1hvl7_360 {
361
361
  background: transparent;
362
362
  border: none;
363
363
  font-size: 0px;
@@ -365,41 +365,41 @@
365
365
  outline: none;
366
366
  }
367
367
 
368
- ._hamburger_afo3l_360:hover,
369
- ._mobile_header_afo3l_12 button:hover {
368
+ ._hamburger_1hvl7_360:hover,
369
+ ._mobile_header_1hvl7_12 button:hover {
370
370
  cursor: pointer;
371
371
  opacity: 0.8;
372
372
  }
373
373
 
374
- ._signin_wrap_afo3l_46 > ._mobile_only_afo3l_374 > a {
374
+ ._signin_wrap_1hvl7_46 > ._mobile_only_1hvl7_374 > a {
375
375
  color: #4a5560;
376
376
  padding: 0;
377
377
  line-height: 1;
378
378
  }
379
379
 
380
- ._mobile_logo_afo3l_380 {
380
+ ._mobile_logo_1hvl7_380 {
381
381
  flex: 1 1 0%;
382
382
  text-align: center;
383
383
  }
384
384
 
385
- ._highlight_afo3l_385 > a {
385
+ ._highlight_1hvl7_385 > a {
386
386
  border-bottom: none;
387
387
  font-weight: 700;
388
388
  line-height: 1.44;
389
389
  }
390
390
 
391
- ._mobile_header_afo3l_12 {
391
+ ._mobile_header_1hvl7_12 {
392
392
  border-bottom: 1px solid #ebebeb;
393
393
  display: grid;
394
394
  padding-bottom: 1rem;
395
395
  place-items: center;
396
396
  }
397
397
 
398
- ._mobile_header_afo3l_12 p {
398
+ ._mobile_header_1hvl7_12 p {
399
399
  font: 400 20px / 1.3 var(--header-font-family);
400
400
  }
401
401
 
402
- ._mobile_header_afo3l_12 button {
402
+ ._mobile_header_1hvl7_12 button {
403
403
  background: none;
404
404
  border: none;
405
405
  position: absolute;
@@ -408,7 +408,7 @@
408
408
  transform: translateY(-50%);
409
409
  }
410
410
 
411
- ._mobile_nav_afo3l_411 {
411
+ ._mobile_nav_1hvl7_411 {
412
412
  border-right: 1px solid #ebebeb;
413
413
  left: -100%;
414
414
  min-height: 100vh;
@@ -419,20 +419,20 @@
419
419
  z-index: 1205;
420
420
  }
421
421
 
422
- ._mobile_opened_afo3l_422 {
422
+ ._mobile_opened_1hvl7_422 {
423
423
  left: 0%;
424
424
  }
425
425
 
426
- body:has(._mobile_opened_afo3l_422) {
426
+ body:has(._mobile_opened_1hvl7_422) {
427
427
  overflow-y: hidden;
428
428
  }
429
429
 
430
- ._mobile_nav_item_afo3l_430 {
430
+ ._mobile_nav_item_1hvl7_430 {
431
431
  background-color: #f4f4f4;
432
432
  border-bottom: 1px solid #ebebeb;
433
433
  }
434
434
 
435
- ._mobile_nav_item_afo3l_430 > a {
435
+ ._mobile_nav_item_1hvl7_430 > a {
436
436
  color: #323339;
437
437
  display: flex;
438
438
  font-weight: 700;
@@ -442,12 +442,12 @@ body:has(._mobile_opened_afo3l_422) {
442
442
  width: 100%;
443
443
  }
444
444
 
445
- ._mobile_nav_item_afo3l_430._has_dropdown_afo3l_445 {
445
+ ._mobile_nav_item_1hvl7_430._has_dropdown_1hvl7_445 {
446
446
  isolation: isolate;
447
447
  position: relative;
448
448
  }
449
449
 
450
- ._mobile_nav_item_afo3l_430._has_dropdown_afo3l_445::before {
450
+ ._mobile_nav_item_1hvl7_430._has_dropdown_1hvl7_445::before {
451
451
  content: "";
452
452
  background-color: #ebebeb;
453
453
  height: 100%;
@@ -458,23 +458,23 @@ body:has(._mobile_opened_afo3l_422) {
458
458
  z-index: -1;
459
459
  }
460
460
 
461
- ._icon_wrap_afo3l_461 {
461
+ ._icon_wrap_1hvl7_461 {
462
462
  line-height: 1;
463
463
  height: 24px;
464
464
  }
465
465
 
466
- ._mobile_footer_afo3l_466 {
466
+ ._mobile_footer_1hvl7_466 {
467
467
  position: relative;
468
468
  width: 100%;
469
469
  }
470
470
 
471
- ._mobile_footer_content_afo3l_471 {
471
+ ._mobile_footer_content_1hvl7_471 {
472
472
  background-color: #f4f4f4;
473
473
  flex: 1 1 0%;
474
474
  padding: 16px 24px 16px 40px;
475
475
  }
476
476
 
477
- ._mobile_footer_content_afo3l_471 p {
477
+ ._mobile_footer_content_1hvl7_471 p {
478
478
  line-height: 1.5;
479
479
  text-overflow: ellipsis;
480
480
  display: -webkit-box;
@@ -482,17 +482,17 @@ body:has(._mobile_opened_afo3l_422) {
482
482
  -webkit-line-clamp: 2;
483
483
  }
484
484
 
485
- ._mobile_footer_media_afo3l_485 {
485
+ ._mobile_footer_media_1hvl7_485 {
486
486
  flex-basis: min(42%, 300px);
487
487
  background: url("https://images.axos.com/o9ov1v03uwqk/4Fwdu6ylqpXOmJsDWRUETe/25365425dea4c1a8c3910834c2a3c9ed/personal-contact-us-hero.webp")
488
488
  no-repeat 81% / cover;
489
489
  }
490
490
 
491
- ._footer_cta_afo3l_491 {
491
+ ._footer_cta_1hvl7_491 {
492
492
  margin-top: 3px;
493
493
  }
494
494
 
495
- ._footer_cta_afo3l_491 a {
495
+ ._footer_cta_1hvl7_491 a {
496
496
  border-radius: 4px;
497
497
  border: 2px solid transparent;
498
498
  color: #fff;
@@ -502,31 +502,31 @@ body:has(._mobile_opened_afo3l_422) {
502
502
  text-decoration: none;
503
503
  }
504
504
 
505
- ._footer_cta_afo3l_491 a:hover {
505
+ ._footer_cta_1hvl7_491 a:hover {
506
506
  background-color: transparent;
507
507
  text-decoration: underline;
508
508
  }
509
509
 
510
- ._footer_cta_afo3l_491 a:active {
510
+ ._footer_cta_1hvl7_491 a:active {
511
511
  border-color: transparent;
512
512
  color: #fff;
513
513
  }
514
514
 
515
- ._mobile_footer_afo3l_466 > .flex_row {
515
+ ._mobile_footer_1hvl7_466 > .flex_row {
516
516
  min-height: 112px;
517
517
  }
518
518
 
519
- ._inner_wrapper_afo3l_519 {
519
+ ._inner_wrapper_1hvl7_519 {
520
520
  max-height: 100vh;
521
521
  overflow-y: scroll;
522
522
  }
523
523
 
524
- ._btn_afo3l_524 {
524
+ ._btn_1hvl7_524 {
525
525
  display: block;
526
526
  position: relative;
527
527
  }
528
528
 
529
- ._sub_menu_afo3l_529 {
529
+ ._sub_menu_1hvl7_529 {
530
530
  overflow: hidden;
531
531
  max-height: 0;
532
532
  transition: max-height 0.8s ease-out;
@@ -534,8 +534,8 @@ body:has(._mobile_opened_afo3l_422) {
534
534
  overflow-y: scroll;
535
535
  }
536
536
 
537
- ._sub_menu_afo3l_529 a,
538
- ._sub_menu_afo3l_529 span {
537
+ ._sub_menu_1hvl7_529 a,
538
+ ._sub_menu_1hvl7_529 span {
539
539
  display: block;
540
540
  padding: 12px 14px 12px 64px;
541
541
  position: relative;
@@ -543,15 +543,15 @@ body:has(._mobile_opened_afo3l_422) {
543
543
  text-decoration: none;
544
544
  }
545
545
 
546
- ._sub_menu_afo3l_529 ._main_afo3l_26 {
546
+ ._sub_menu_1hvl7_529 ._main_1hvl7_26 {
547
547
  font-weight: 700;
548
548
  }
549
549
 
550
- ._sub_menu_afo3l_529 > * {
550
+ ._sub_menu_1hvl7_529 > * {
551
551
  border-top: 1px solid #ebebeb;
552
552
  }
553
553
 
554
- ._dd_footer_afo3l_554 {
554
+ ._dd_footer_1hvl7_554 {
555
555
  justify-content: flex-end;
556
556
  flex: 1 1 0%;
557
557
  align-items: end;
@@ -559,7 +559,7 @@ body:has(._mobile_opened_afo3l_422) {
559
559
  letter-spacing: 0.3px;
560
560
  }
561
561
 
562
- ._skip_btn_afo3l_562 {
562
+ ._skip_btn_1hvl7_562 {
563
563
  clip: rect(1px 1px 1px 1px);
564
564
  margin: -1px;
565
565
  overflow: hidden;
@@ -567,8 +567,8 @@ body:has(._mobile_opened_afo3l_422) {
567
567
  position: absolute;
568
568
  }
569
569
 
570
- ._skip_btnt_afo3l_570:active,
571
- ._skip_btn_afo3l_562:focus {
570
+ ._skip_btn_1hvl7_562:active,
571
+ ._skip_btn_1hvl7_562:focus {
572
572
  background-color: #faa74a;
573
573
  border-radius: 8px;
574
574
  clip: auto;
@@ -584,7 +584,7 @@ body:has(._mobile_opened_afo3l_422) {
584
584
  }
585
585
 
586
586
  @media (max-width: 1121px) {
587
- ._mobile_logo_afo3l_380 {
587
+ ._mobile_logo_1hvl7_380 {
588
588
  position: absolute;
589
589
  transform: translateX(-50%);
590
590
  left: 50%;
@@ -593,58 +593,58 @@ body:has(._mobile_opened_afo3l_422) {
593
593
  }
594
594
 
595
595
  @media (max-width: 1280px) and (min-width: 1024px) {
596
- ._wrapper_afo3l_5 {
596
+ ._wrapper_1hvl7_5 {
597
597
  width: calc(100% - 28px);
598
598
  }
599
599
 
600
- ._dd_wrapper_afo3l_195 > ._wrapper_afo3l_5 {
600
+ ._dd_wrapper_1hvl7_195 > ._wrapper_1hvl7_5 {
601
601
  width: 100%;
602
602
  }
603
- ._main_nav_link_afo3l_26 > a {
603
+ ._main_nav_link_1hvl7_26 > a {
604
604
  padding: 4px 6px;
605
605
  font-size: 15px;
606
606
  }
607
- ._desktop_only_afo3l_607 > a {
607
+ ._desktop_only_1hvl7_607 > a {
608
608
  font-size: 15px;
609
609
  }
610
610
  }
611
611
 
612
612
  @media (max-width: 1023px) {
613
- ._desktop_only_afo3l_607 {
613
+ ._desktop_only_1hvl7_607 {
614
614
  display: none !important;
615
615
  }
616
616
  }
617
617
 
618
618
  @media (max-width: 768px) {
619
- ._wrapper_afo3l_5 {
619
+ ._wrapper_1hvl7_5 {
620
620
  width: calc(100% - 48px);
621
621
  }
622
622
 
623
- ._mobile_header_afo3l_12 button {
623
+ ._mobile_header_1hvl7_12 button {
624
624
  right: 1.5rem;
625
625
  }
626
626
 
627
- ._mobile_nav_item_afo3l_430 > a {
627
+ ._mobile_nav_item_1hvl7_430 > a {
628
628
  padding: 16px 24px;
629
629
  }
630
630
 
631
- ._sub_menu_afo3l_529 a,
632
- ._sub_menu_afo3l_529 span {
631
+ ._sub_menu_1hvl7_529 a,
632
+ ._sub_menu_1hvl7_529 span {
633
633
  padding-left: 48px;
634
634
  }
635
635
 
636
- ._mobile_nav_item_afo3l_430._has_dropdown_afo3l_445::before {
636
+ ._mobile_nav_item_1hvl7_430._has_dropdown_1hvl7_445::before {
637
637
  right: 72px;
638
638
  }
639
639
 
640
- ._mobile_footer_content_afo3l_471 {
640
+ ._mobile_footer_content_1hvl7_471 {
641
641
  padding-right: 15px;
642
642
  padding-left: 24px;
643
643
  }
644
644
  }
645
645
 
646
646
  @media (max-width: 450px) {
647
- ._footer_cta_afo3l_491 a {
647
+ ._footer_cta_1hvl7_491 a {
648
648
  white-space: break-spaces;
649
649
  width: 100%;
650
650
  text-align: center;
@@ -652,7 +652,7 @@ body:has(._mobile_opened_afo3l_422) {
652
652
  }
653
653
 
654
654
  @media (min-width: 1024px) {
655
- ._mobile_only_afo3l_374 {
655
+ ._mobile_only_1hvl7_374 {
656
656
  display: none !important;
657
657
  }
658
658
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.187",
4
+ "version": "0.0.188",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",