@axos-web-dev/shared-components 1.0.77-patch.72 → 1.0.77-patch.74

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.
@@ -62,6 +62,7 @@ export declare const menuData: {
62
62
  "Find The Right Loan": string;
63
63
  "Contact Us": string;
64
64
  };
65
+ "Refer-a-Friend": string;
65
66
  };
66
67
  Invest: {
67
68
  "Invest Home": string;
@@ -260,7 +260,8 @@ const menuData = {
260
260
  "Contact Us": findMoreAxosDomains(
261
261
  "{AXOSBANK}/personal/borrow/marine-loans#AXB----Lets-Talk-LVF-for-AXB----Webform"
262
262
  )
263
- }
263
+ },
264
+ "Refer-a-Friend": findMoreAxosDomains("{AXOSBANK}/referral-program")
264
265
  },
265
266
  Invest: {
266
267
  "Invest Home": findMoreAxosDomains("{AXOS}/invest"),
@@ -1,42 +1,42 @@
1
- import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_ak0c_1";
2
- const wrapper = "_wrapper_ak0c_5";
3
- const header_main_row = "_header_main_row_ak0c_11";
4
- const logo_wrap = "_logo_wrap_ak0c_17";
5
- const primary_links = "_primary_links_ak0c_21";
6
- const main_nav_link = "_main_nav_link_ak0c_25";
7
- const sub_nav_link = "_sub_nav_link_ak0c_57";
8
- const signin_wrap = "_signin_wrap_ak0c_59";
9
- const signin_btn = "_signin_btn_ak0c_60";
10
- const header_sub_row = "_header_sub_row_ak0c_98";
11
- const signin_dropdown = "_signin_dropdown_ak0c_131";
12
- const shadow = "_shadow_ak0c_141";
13
- const signin_header = "_signin_header_ak0c_151";
14
- const signin_subheader = "_signin_subheader_ak0c_158";
15
- const opacity = "_opacity_ak0c_179";
16
- const fadeInDown = "_fadeInDown_ak0c_1";
17
- const signin_footer = "_signin_footer_ak0c_185";
18
- const open = "_open_ak0c_206";
19
- const dd_wrapper = "_dd_wrapper_ak0c_218";
20
- const dd_media = "_dd_media_ak0c_227";
21
- const dd_media_img = "_dd_media_img_ak0c_232";
22
- const dd_site_navs = "_dd_site_navs_ak0c_236";
23
- const dd_media_header = "_dd_media_header_ak0c_243";
24
- const mt_8 = "_mt_8_ak0c_254";
25
- const mt_16 = "_mt_16_ak0c_258";
26
- const ml_8 = "_ml_8_ak0c_262";
27
- const reversed_row = "_reversed_row_ak0c_266";
28
- const headline = "_headline_ak0c_270";
29
- const nav_anchor = "_nav_anchor_ak0c_278";
30
- const headline_cta = "_headline_cta_ak0c_286";
31
- const site_lists = "_site_lists_ak0c_302";
32
- const modify_fit = "_modify_fit_ak0c_322";
33
- const mobile_only = "_mobile_only_ak0c_347";
34
- const mobile_logo = "_mobile_logo_ak0c_353";
35
- const highlight = "_highlight_ak0c_360";
36
- const mobile_opened = "_mobile_opened_ak0c_366";
37
- const dd_footer = "_dd_footer_ak0c_374";
38
- const skip_btn = "_skip_btn_ak0c_382";
39
- const desktop_only = "_desktop_only_ak0c_418";
1
+ import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_1w40l_1";
2
+ const wrapper = "_wrapper_1w40l_9";
3
+ const header_main_row = "_header_main_row_1w40l_21";
4
+ const logo_wrap = "_logo_wrap_1w40l_33";
5
+ const primary_links = "_primary_links_1w40l_41";
6
+ const main_nav_link = "_main_nav_link_1w40l_49";
7
+ const sub_nav_link = "_sub_nav_link_1w40l_113";
8
+ const signin_wrap = "_signin_wrap_1w40l_117";
9
+ const signin_btn = "_signin_btn_1w40l_119";
10
+ const header_sub_row = "_header_sub_row_1w40l_195";
11
+ const signin_dropdown = "_signin_dropdown_1w40l_261";
12
+ const shadow = "_shadow_1w40l_281";
13
+ const signin_header = "_signin_header_1w40l_301";
14
+ const signin_subheader = "_signin_subheader_1w40l_315";
15
+ const opacity = "_opacity_1w40l_357";
16
+ const fadeInDown = "_fadeInDown_1w40l_1";
17
+ const signin_footer = "_signin_footer_1w40l_369";
18
+ const open = "_open_1w40l_411";
19
+ const dd_wrapper = "_dd_wrapper_1w40l_435";
20
+ const dd_media = "_dd_media_1w40l_453";
21
+ const dd_media_img = "_dd_media_img_1w40l_463";
22
+ const dd_site_navs = "_dd_site_navs_1w40l_471";
23
+ const dd_media_header = "_dd_media_header_1w40l_485";
24
+ const mt_8 = "_mt_8_1w40l_507";
25
+ const mt_16 = "_mt_16_1w40l_515";
26
+ const ml_8 = "_ml_8_1w40l_523";
27
+ const reversed_row = "_reversed_row_1w40l_531";
28
+ const headline = "_headline_1w40l_539";
29
+ const nav_anchor = "_nav_anchor_1w40l_555";
30
+ const headline_cta = "_headline_cta_1w40l_571";
31
+ const site_lists = "_site_lists_1w40l_603";
32
+ const modify_fit = "_modify_fit_1w40l_643";
33
+ const mobile_only = "_mobile_only_1w40l_693";
34
+ const mobile_logo = "_mobile_logo_1w40l_705";
35
+ const highlight = "_highlight_1w40l_719";
36
+ const mobile_opened = "_mobile_opened_1w40l_731";
37
+ const dd_footer = "_dd_footer_1w40l_747";
38
+ const skip_btn = "_skip_btn_1w40l_763";
39
+ const desktop_only = "_desktop_only_1w40l_835";
40
40
  const styles = {
41
41
  header,
42
42
  wrapper,
@@ -1426,6 +1426,27 @@ function SubNavBar() {
1426
1426
  }
1427
1427
  ) })
1428
1428
  ] })
1429
+ ] }),
1430
+ /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
1431
+ /* @__PURE__ */ jsx(
1432
+ Image,
1433
+ {
1434
+ src: `https://images.axos.com/o9ov1v03uwqk/6ninSDVeSycXICNX8zF4J3/75ccf4194f0b3e7209f4095457bce00d/nav-submenu-raf-icon.svg`,
1435
+ alt: "",
1436
+ width: 20,
1437
+ height: 20
1438
+ }
1439
+ ),
1440
+ /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1441
+ Link,
1442
+ {
1443
+ href: findMoreAxosDomains(
1444
+ "{AXOSBANK}/referral-program"
1445
+ ),
1446
+ role: "heading",
1447
+ children: "Refer-a-Friend"
1448
+ }
1449
+ ) }) })
1429
1450
  ] })
1430
1451
  ] })
1431
1452
  ]
@@ -1,445 +1,445 @@
1
- ._header_ak0c_1 {
2
- border-bottom: 1px solid #ebebeb;
3
- }
4
-
5
- ._wrapper_ak0c_5 {
6
- width: calc(100% - 80px);
7
- margin-left: auto;
8
- margin-right: auto;
9
- }
10
-
11
- ._header_main_row_ak0c_11 {
12
- min-height: 80px;
13
- padding-top: 1rem;
14
- padding-bottom: 0.5rem;
15
- }
16
-
17
- ._logo_wrap_ak0c_17 {
18
- padding: 9px 6px;
19
- }
20
-
21
- ._primary_links_ak0c_21 {
22
- margin-left: 30px;
23
- }
24
-
25
- ._main_nav_link_ak0c_25 {
26
- padding: 10px 8px;
27
- text-align: center;
28
- }
29
-
30
- ._main_nav_link_ak0c_25 > a {
31
- border-bottom: 4px solid transparent;
32
- display: inline-block;
33
- font-size: 16px;
34
- padding: 4px 26px;
35
- position: relative;
36
- }
37
-
38
- ._main_nav_link_ak0c_25 > a::after {
39
- content: "";
40
- position: absolute;
41
- left: 0;
42
- bottom: -4px;
43
- width: 100%;
44
- height: 4px;
45
- background-color: currentColor;
46
- opacity: 0;
47
- }
48
-
49
- ._main_nav_link_ak0c_25 > .active {
50
- font-weight: 700;
51
- }
52
-
53
- ._main_nav_link_ak0c_25 > .active::after {
54
- opacity: 1;
55
- }
56
-
57
- ._sub_nav_link_ak0c_57 a,
58
- ._main_nav_link_ak0c_25 a,
59
- ._signin_wrap_ak0c_59 a,
60
- ._signin_btn_ak0c_60 {
61
- text-decoration: none;
62
- transition: opacity 0.3s ease;
63
- }
64
-
65
- ._sub_nav_link_ak0c_57:hover,
66
- ._main_nav_link_ak0c_25 a:hover,
67
- ._signin_wrap_ak0c_59 a:hover {
68
- opacity: 0.8;
69
- }
70
-
71
- ._signin_wrap_ak0c_59 .link {
72
- padding: 8px;
73
- text-decoration: none;
74
- }
75
-
76
- ._signin_btn_ak0c_60 {
77
- border-color: transparent;
78
- border-radius: 8px;
79
- color: #fff;
80
- cursor: pointer;
81
- font-size: 16px;
82
- font-weight: 700;
83
- line-height: 1.44;
84
- margin-left: 8px;
85
- padding: 11px 24px;
86
- letter-spacing: 0.2px;
87
- }
88
-
89
- ._signin_btn_ak0c_60:hover {
90
- background-color: transparent;
91
- opacity: 0.9;
92
- }
93
-
94
- ._signin_btn_ak0c_60 > span {
95
- margin-right: 8px;
96
- }
97
-
98
- ._header_sub_row_ak0c_98 {
99
- min-height: 48px;
100
- position: relative;
101
- }
102
-
103
- ._sub_nav_link_ak0c_57 {
104
- color: #ffffff;
105
- display: flex;
106
- padding-inline: 1rem;
107
- text-align: center;
108
- }
109
-
110
- ._sub_nav_link_ak0c_57 a {
111
- display: flex;
112
- align-items: center;
113
- font-family: var(--header-font-family);
114
- font-weight: 700;
115
- line-height: 1.5;
116
- padding: 12px 0px;
117
- }
118
- ._sub_nav_link_ak0c_57 a:first-child {
119
- padding-left: 9.5px;
120
- padding-right: 1.5px;
121
- }
122
-
123
- ._sub_nav_link_ak0c_57 a:last-child {
124
- padding-right: 9.5px;
125
- }
126
-
127
- ._sub_nav_link_ak0c_57:hover {
128
- background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
129
- }
130
-
131
- ._signin_dropdown_ak0c_131 {
132
- display: none;
133
- min-width: 288px;
134
- padding: 1.5rem 1rem;
135
- position: absolute;
136
- right: 0;
137
- top: 100%;
138
- z-index: 1204;
139
- }
140
-
141
- ._shadow_ak0c_141 {
142
- border-top: none;
143
- border: 0.5px solid rgb(255 255 255 / 14%);
144
- box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
145
- }
146
-
147
- ._signin_dropdown_ak0c_131 li[role="heading"] {
148
- margin-top: 1px;
149
- }
150
-
151
- ._signin_header_ak0c_151 {
152
- color: #1f1f1f;
153
- font-weight: 700;
154
- padding: 0.5rem 1rem;
155
- text-align: left;
156
- }
157
-
158
- ._signin_subheader_ak0c_158 {
159
- padding: 0.5rem 0.5rem 0.5rem 1.5rem;
160
- }
161
-
162
- ._signin_header_ak0c_151,
163
- ._signin_subheader_ak0c_158 a {
164
- line-height: 1.5;
165
- }
166
-
167
- @keyframes _fadeInDown_ak0c_1 {
168
- from {
169
- opacity: 0;
170
- transform: translate3d(0, -1%, 0);
171
- }
172
-
173
- to {
174
- opacity: 1;
175
- transform: none;
176
- }
177
- }
178
-
179
- ._opacity_ak0c_179 {
180
- animation-duration: 0.5s;
181
- animation-fill-mode: both;
182
- animation-name: _fadeInDown_ak0c_1;
183
- }
184
-
185
- ._signin_footer_ak0c_185 {
186
- margin-top: 0.5rem;
187
- padding-top: 1rem;
188
- }
189
-
190
- ._signin_footer_ak0c_185 > a + a {
191
- display: block;
192
- margin-top: 16px;
193
- }
194
-
195
- ._signin_footer_ak0c_185::before {
196
- content: "";
197
- background-color: #8f8f8f;
198
- height: 2px;
199
- opacity: 0.3;
200
- position: absolute;
201
- right: 8px;
202
- top: 0;
203
- width: 94%;
204
- }
205
-
206
- ._open_ak0c_206 {
207
- opacity: 0.8;
208
- }
209
-
210
- ._open_ak0c_206 > svg {
211
- transform: scaleY(-1);
212
- }
213
-
214
- ._open_ak0c_206 + ._signin_dropdown_ak0c_131 {
215
- display: block;
216
- }
217
-
218
- ._dd_wrapper_ak0c_218 {
219
- max-width: 1440px;
220
- outline: none !important;
221
- position: absolute;
222
- top: 0;
223
- width: 100%;
224
- z-index: 1203;
225
- }
226
-
227
- ._dd_media_ak0c_227 {
228
- padding: 1.5rem;
229
- width: 280px;
230
- }
231
-
232
- ._dd_media_img_ak0c_232 {
233
- min-height: 232px;
234
- }
235
-
236
- ._dd_site_navs_ak0c_236 {
237
- display: flex;
238
- flex-direction: column;
239
- flex: 1 1 0%;
240
- padding: 1.5rem;
241
- }
242
-
243
- ._dd_media_header_ak0c_243 p {
244
- color: #fff;
245
- font-size: 14px;
246
- line-height: 1.42;
247
- }
248
-
249
- ._dd_media_header_ak0c_243 p[role="heading"] {
250
- font: 700 1.25rem/ 1.4 var(--header-font-family);
251
- text-wrap: pretty;
252
- }
253
-
254
- ._mt_8_ak0c_254 {
255
- margin-top: 8px;
256
- }
257
-
258
- ._mt_16_ak0c_258 {
259
- margin-top: 1rem;
260
- }
261
-
262
- ._ml_8_ak0c_262 {
263
- margin-left: 8px;
264
- }
265
-
266
- ._reversed_row_ak0c_266 {
267
- flex-direction: row-reverse;
268
- }
269
-
270
- ._headline_ak0c_270 > [role="heading"] {
271
- color: var(--_1073cm85);
272
- flex: 1 1 0%;
273
- font: 700 1.5rem / 1.33 var(--header-font-family);
274
- margin-bottom: 0;
275
- text-decoration: none;
276
- }
277
-
278
- ._nav_anchor_ak0c_278 {
279
- aspect-ratio: 1;
280
- background-color: #4a5560;
281
- border-radius: 8px;
282
- height: 1.5rem;
283
- width: 1.5rem;
284
- }
285
-
286
- ._headline_cta_ak0c_286 {
287
- margin-left: 8px;
288
- }
289
-
290
- ._headline_cta_ak0c_286 > a {
291
- color: var(--_1073cm85);
292
- font-family: var(--header-font-family);
293
- font-weight: 700;
294
- line-height: 1.5;
295
- text-decoration: none;
296
- }
297
-
298
- ._sub_nav_link_ak0c_57:hover,
299
- ._signin_wrap_ak0c_59 a:hover,
300
- ._main_nav_link_ak0c_25 a:not(.active):hover,
301
- ._dd_site_navs_ak0c_236 a:hover,
302
- ._site_lists_ak0c_302 a:hover {
303
- text-decoration: underline;
304
- }
305
-
306
- ._dd_site_navs_ak0c_236 hr {
307
- border-style: solid;
308
- border-width: 1px;
309
- color: #a0aab3;
310
- margin: 1.5rem 0;
311
- opacity: 0.3;
312
- position: relative;
313
- }
314
-
315
- ._site_lists_ak0c_302 {
316
- display: grid;
317
- gap: 24px;
318
- grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
319
- padding-bottom: 1.5rem;
320
- }
321
-
322
- ._site_lists_ak0c_302._modify_fit_ak0c_322 {
323
- grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
324
- }
325
-
326
- ._site_lists_ak0c_302 > * {
327
- width: 100%;
328
- }
329
-
330
- ._site_lists_ak0c_302 a {
331
- color: #1f1f1f;
332
- text-decoration: none;
333
- font-weight: 400;
334
- font-family: var(--header-font-family);
335
- }
336
-
337
- ._site_lists_ak0c_302 [role="heading"] {
338
- color: var(--_1073cm83);
339
- font-weight: 700;
340
- font-family: unset;
341
- }
342
-
343
- ._site_lists_ak0c_302 li + li {
344
- margin-top: 8px;
345
- }
346
-
347
- ._signin_wrap_ak0c_59 > ._mobile_only_ak0c_347 > a {
348
- color: #4a5560;
349
- padding: 0;
350
- line-height: 1;
351
- }
352
-
353
- ._mobile_logo_ak0c_353 {
354
- display: flex;
355
- align-items: center;
356
- flex: 1 1 0%;
357
- justify-content: space-between;
358
- }
359
-
360
- ._highlight_ak0c_360 > a {
361
- border-bottom: none;
362
- font-weight: 700;
363
- line-height: 1.44;
364
- }
365
-
366
- ._mobile_opened_ak0c_366 {
367
- left: 0%;
368
- }
369
-
370
- body:has(._mobile_opened_ak0c_366) {
371
- overflow-y: hidden;
372
- }
373
-
374
- ._dd_footer_ak0c_374 {
375
- align-items: end;
376
- flex: 1 1 0%;
377
- font-size: 11px;
378
- justify-content: flex-end;
379
- letter-spacing: 0.3px;
380
- }
381
-
382
- ._skip_btn_ak0c_382 {
383
- clip: rect(1px 1px 1px 1px);
384
- margin: -1px;
385
- overflow: hidden;
386
- padding: 0;
387
- position: absolute;
388
- }
389
-
390
- ._skip_btn_ak0c_382:active,
391
- ._skip_btn_ak0c_382:focus {
392
- background-color: #1e3860;
393
- border-radius: 8px;
394
- clip: auto;
395
- color: #ffffff;
396
- font-size: 14px;
397
- font-weight: 700;
398
- margin: 0;
399
- overflow: visible;
400
- padding: 9px 24px;
401
- position: relative;
402
- text-decoration: none;
403
- top: 12px;
404
- }
405
-
406
- @media (max-width: 1280px) and (min-width: 1024px) {
407
- ._wrapper_ak0c_5 {
408
- width: calc(100% - 28px);
409
- }
410
-
411
- ._dd_wrapper_ak0c_218 > ._wrapper_ak0c_5 {
412
- width: 100%;
413
- }
414
- ._main_nav_link_ak0c_25 > a {
415
- padding: 4px 6px;
416
- font-size: 15px;
417
- }
418
- ._desktop_only_ak0c_418 > a {
419
- font-size: 15px;
420
- }
421
- }
422
-
423
- @media (max-width: 1023px) {
424
- ._desktop_only_ak0c_418 {
425
- display: none !important;
426
- }
427
- }
428
-
429
- @media (max-width: 768px) {
430
- ._wrapper_ak0c_5 {
431
- width: calc(100% - 48px);
432
- }
433
- ._header_main_row_ak0c_11 {
434
- min-height: 65px;
435
- }
436
- ._mobile_logo_ak0c_353 > a > svg {
437
- max-width: 85px;
438
- }
439
- }
440
-
441
- @media (min-width: 1024px) {
442
- ._mobile_only_ak0c_347 {
443
- display: none !important;
444
- }
445
- }
1
+ ._header_1w40l_1 {
2
+ border-bottom: 1px solid #ebebeb;
3
+ }
4
+
5
+ ._wrapper_1w40l_9 {
6
+ width: calc(100% - 80px);
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+
11
+ ._header_main_row_1w40l_21 {
12
+ min-height: 80px;
13
+ padding-top: 1rem;
14
+ padding-bottom: 0.5rem;
15
+ }
16
+
17
+ ._logo_wrap_1w40l_33 {
18
+ padding: 9px 6px;
19
+ }
20
+
21
+ ._primary_links_1w40l_41 {
22
+ margin-left: 30px;
23
+ }
24
+
25
+ ._main_nav_link_1w40l_49 {
26
+ padding: 10px 8px;
27
+ text-align: center;
28
+ }
29
+
30
+ ._main_nav_link_1w40l_49 > a {
31
+ border-bottom: 4px solid transparent;
32
+ display: inline-block;
33
+ font-size: 16px;
34
+ padding: 4px 26px;
35
+ position: relative;
36
+ }
37
+
38
+ ._main_nav_link_1w40l_49 > a::after {
39
+ content: "";
40
+ position: absolute;
41
+ left: 0;
42
+ bottom: -4px;
43
+ width: 100%;
44
+ height: 4px;
45
+ background-color: currentColor;
46
+ opacity: 0;
47
+ }
48
+
49
+ ._main_nav_link_1w40l_49 > .active {
50
+ font-weight: 700;
51
+ }
52
+
53
+ ._main_nav_link_1w40l_49 > .active::after {
54
+ opacity: 1;
55
+ }
56
+
57
+ ._sub_nav_link_1w40l_113 a,
58
+ ._main_nav_link_1w40l_49 a,
59
+ ._signin_wrap_1w40l_117 a,
60
+ ._signin_btn_1w40l_119 {
61
+ text-decoration: none;
62
+ transition: opacity 0.3s ease;
63
+ }
64
+
65
+ ._sub_nav_link_1w40l_113:hover,
66
+ ._main_nav_link_1w40l_49 a:hover,
67
+ ._signin_wrap_1w40l_117 a:hover {
68
+ opacity: 0.8;
69
+ }
70
+
71
+ ._signin_wrap_1w40l_117 .link {
72
+ padding: 8px;
73
+ text-decoration: none;
74
+ }
75
+
76
+ ._signin_btn_1w40l_119 {
77
+ border-color: transparent;
78
+ border-radius: 8px;
79
+ color: #fff;
80
+ cursor: pointer;
81
+ font-size: 16px;
82
+ font-weight: 700;
83
+ line-height: 1.44;
84
+ margin-left: 8px;
85
+ padding: 11px 24px;
86
+ letter-spacing: 0.2px;
87
+ }
88
+
89
+ ._signin_btn_1w40l_119:hover {
90
+ background-color: transparent;
91
+ opacity: 0.9;
92
+ }
93
+
94
+ ._signin_btn_1w40l_119 > span {
95
+ margin-right: 8px;
96
+ }
97
+
98
+ ._header_sub_row_1w40l_195 {
99
+ min-height: 48px;
100
+ position: relative;
101
+ }
102
+
103
+ ._sub_nav_link_1w40l_113 {
104
+ color: #ffffff;
105
+ display: flex;
106
+ padding-inline: 1rem;
107
+ text-align: center;
108
+ }
109
+
110
+ ._sub_nav_link_1w40l_113 a {
111
+ display: flex;
112
+ align-items: center;
113
+ font-family: var(--header-font-family);
114
+ font-weight: 700;
115
+ line-height: 1.5;
116
+ padding: 12px 0px;
117
+ }
118
+ ._sub_nav_link_1w40l_113 a:first-child {
119
+ padding-left: 9.5px;
120
+ padding-right: 1.5px;
121
+ }
122
+
123
+ ._sub_nav_link_1w40l_113 a:last-child {
124
+ padding-right: 9.5px;
125
+ }
126
+
127
+ ._sub_nav_link_1w40l_113:hover {
128
+ background: linear-gradient(207deg, transparent, rgb(255 255 255 / 28%));
129
+ }
130
+
131
+ ._signin_dropdown_1w40l_261 {
132
+ display: none;
133
+ min-width: 288px;
134
+ padding: 1.5rem 1rem;
135
+ position: absolute;
136
+ right: 0;
137
+ top: 100%;
138
+ z-index: 1204;
139
+ }
140
+
141
+ ._shadow_1w40l_281 {
142
+ border-top: none;
143
+ border: 0.5px solid rgb(255 255 255 / 14%);
144
+ box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
145
+ }
146
+
147
+ ._signin_dropdown_1w40l_261 li[role="heading"] {
148
+ margin-top: 1px;
149
+ }
150
+
151
+ ._signin_header_1w40l_301 {
152
+ color: #1f1f1f;
153
+ font-weight: 700;
154
+ padding: 0.5rem 1rem;
155
+ text-align: left;
156
+ }
157
+
158
+ ._signin_subheader_1w40l_315 {
159
+ padding: 0.5rem 0.5rem 0.5rem 1.5rem;
160
+ }
161
+
162
+ ._signin_header_1w40l_301,
163
+ ._signin_subheader_1w40l_315 a {
164
+ line-height: 1.5;
165
+ }
166
+
167
+ @keyframes _fadeInDown_1w40l_1 {
168
+ from {
169
+ opacity: 0;
170
+ transform: translate3d(0, -1%, 0);
171
+ }
172
+
173
+ to {
174
+ opacity: 1;
175
+ transform: none;
176
+ }
177
+ }
178
+
179
+ ._opacity_1w40l_357 {
180
+ animation-duration: 0.5s;
181
+ animation-fill-mode: both;
182
+ animation-name: _fadeInDown_1w40l_1;
183
+ }
184
+
185
+ ._signin_footer_1w40l_369 {
186
+ margin-top: 0.5rem;
187
+ padding-top: 1rem;
188
+ }
189
+
190
+ ._signin_footer_1w40l_369 > a + a {
191
+ display: block;
192
+ margin-top: 16px;
193
+ }
194
+
195
+ ._signin_footer_1w40l_369::before {
196
+ content: "";
197
+ background-color: #8f8f8f;
198
+ height: 2px;
199
+ opacity: 0.3;
200
+ position: absolute;
201
+ right: 8px;
202
+ top: 0;
203
+ width: 94%;
204
+ }
205
+
206
+ ._open_1w40l_411 {
207
+ opacity: 0.8;
208
+ }
209
+
210
+ ._open_1w40l_411 > svg {
211
+ transform: scaleY(-1);
212
+ }
213
+
214
+ ._open_1w40l_411 + ._signin_dropdown_1w40l_261 {
215
+ display: block;
216
+ }
217
+
218
+ ._dd_wrapper_1w40l_435 {
219
+ max-width: 1440px;
220
+ outline: none !important;
221
+ position: absolute;
222
+ top: 0;
223
+ width: 100%;
224
+ z-index: 1203;
225
+ }
226
+
227
+ ._dd_media_1w40l_453 {
228
+ padding: 1.5rem;
229
+ width: 280px;
230
+ }
231
+
232
+ ._dd_media_img_1w40l_463 {
233
+ min-height: 232px;
234
+ }
235
+
236
+ ._dd_site_navs_1w40l_471 {
237
+ display: flex;
238
+ flex-direction: column;
239
+ flex: 1 1 0%;
240
+ padding: 1.5rem;
241
+ }
242
+
243
+ ._dd_media_header_1w40l_485 p {
244
+ color: #fff;
245
+ font-size: 14px;
246
+ line-height: 1.42;
247
+ }
248
+
249
+ ._dd_media_header_1w40l_485 p[role="heading"] {
250
+ font: 700 1.25rem/ 1.4 var(--header-font-family);
251
+ text-wrap: pretty;
252
+ }
253
+
254
+ ._mt_8_1w40l_507 {
255
+ margin-top: 8px;
256
+ }
257
+
258
+ ._mt_16_1w40l_515 {
259
+ margin-top: 1rem;
260
+ }
261
+
262
+ ._ml_8_1w40l_523 {
263
+ margin-left: 8px;
264
+ }
265
+
266
+ ._reversed_row_1w40l_531 {
267
+ flex-direction: row-reverse;
268
+ }
269
+
270
+ ._headline_1w40l_539 > [role="heading"] {
271
+ color: var(--_1073cm85);
272
+ flex: 1 1 0%;
273
+ font: 700 1.5rem / 1.33 var(--header-font-family);
274
+ margin-bottom: 0;
275
+ text-decoration: none;
276
+ }
277
+
278
+ ._nav_anchor_1w40l_555 {
279
+ aspect-ratio: 1;
280
+ background-color: #4a5560;
281
+ border-radius: 8px;
282
+ height: 1.5rem;
283
+ width: 1.5rem;
284
+ }
285
+
286
+ ._headline_cta_1w40l_571 {
287
+ margin-left: 8px;
288
+ }
289
+
290
+ ._headline_cta_1w40l_571 > a {
291
+ color: var(--_1073cm85);
292
+ font-family: var(--header-font-family);
293
+ font-weight: 700;
294
+ line-height: 1.5;
295
+ text-decoration: none;
296
+ }
297
+
298
+ ._sub_nav_link_1w40l_113:hover,
299
+ ._signin_wrap_1w40l_117 a:hover,
300
+ ._main_nav_link_1w40l_49 a:not(.active):hover,
301
+ ._dd_site_navs_1w40l_471 a:hover,
302
+ ._site_lists_1w40l_603 a:hover {
303
+ text-decoration: underline;
304
+ }
305
+
306
+ ._dd_site_navs_1w40l_471 hr {
307
+ border-style: solid;
308
+ border-width: 1px;
309
+ color: #a0aab3;
310
+ margin: 1.5rem 0;
311
+ opacity: 0.3;
312
+ position: relative;
313
+ }
314
+
315
+ ._site_lists_1w40l_603 {
316
+ display: grid;
317
+ gap: 24px;
318
+ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
319
+ padding-bottom: 1.5rem;
320
+ }
321
+
322
+ ._site_lists_1w40l_603._modify_fit_1w40l_643 {
323
+ grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
324
+ }
325
+
326
+ ._site_lists_1w40l_603 > * {
327
+ width: 100%;
328
+ }
329
+
330
+ ._site_lists_1w40l_603 a {
331
+ color: #1f1f1f;
332
+ text-decoration: none;
333
+ font-weight: 400;
334
+ font-family: var(--header-font-family);
335
+ }
336
+
337
+ ._site_lists_1w40l_603 [role="heading"] {
338
+ color: var(--_1073cm83);
339
+ font-weight: 700;
340
+ font-family: unset;
341
+ }
342
+
343
+ ._site_lists_1w40l_603 li + li {
344
+ margin-top: 8px;
345
+ }
346
+
347
+ ._signin_wrap_1w40l_117 > ._mobile_only_1w40l_693 > a {
348
+ color: #4a5560;
349
+ padding: 0;
350
+ line-height: 1;
351
+ }
352
+
353
+ ._mobile_logo_1w40l_705 {
354
+ display: flex;
355
+ align-items: center;
356
+ flex: 1 1 0%;
357
+ justify-content: space-between;
358
+ }
359
+
360
+ ._highlight_1w40l_719 > a {
361
+ border-bottom: none;
362
+ font-weight: 700;
363
+ line-height: 1.44;
364
+ }
365
+
366
+ ._mobile_opened_1w40l_731 {
367
+ left: 0%;
368
+ }
369
+
370
+ body:has(._mobile_opened_1w40l_731) {
371
+ overflow-y: hidden;
372
+ }
373
+
374
+ ._dd_footer_1w40l_747 {
375
+ align-items: end;
376
+ flex: 1 1 0%;
377
+ font-size: 11px;
378
+ justify-content: flex-end;
379
+ letter-spacing: 0.3px;
380
+ }
381
+
382
+ ._skip_btn_1w40l_763 {
383
+ clip: rect(1px 1px 1px 1px);
384
+ margin: -1px;
385
+ overflow: hidden;
386
+ padding: 0;
387
+ position: absolute;
388
+ }
389
+
390
+ ._skip_btn_1w40l_763:active,
391
+ ._skip_btn_1w40l_763:focus {
392
+ background-color: #1e3860;
393
+ border-radius: 8px;
394
+ clip: auto;
395
+ color: #ffffff;
396
+ font-size: 14px;
397
+ font-weight: 700;
398
+ margin: 0;
399
+ overflow: visible;
400
+ padding: 9px 24px;
401
+ position: relative;
402
+ text-decoration: none;
403
+ top: 12px;
404
+ }
405
+
406
+ @media (max-width: 1280px) and (min-width: 1024px) {
407
+ ._wrapper_1w40l_9 {
408
+ width: calc(100% - 28px);
409
+ }
410
+
411
+ ._dd_wrapper_1w40l_435 > ._wrapper_1w40l_9 {
412
+ width: 100%;
413
+ }
414
+ ._main_nav_link_1w40l_49 > a {
415
+ padding: 4px 6px;
416
+ font-size: 15px;
417
+ }
418
+ ._desktop_only_1w40l_835 > a {
419
+ font-size: 15px;
420
+ }
421
+ }
422
+
423
+ @media (max-width: 1023px) {
424
+ ._desktop_only_1w40l_835 {
425
+ display: none !important;
426
+ }
427
+ }
428
+
429
+ @media (max-width: 768px) {
430
+ ._wrapper_1w40l_9 {
431
+ width: calc(100% - 48px);
432
+ }
433
+ ._header_main_row_1w40l_21 {
434
+ min-height: 65px;
435
+ }
436
+ ._mobile_logo_1w40l_705 > a > svg {
437
+ max-width: 85px;
438
+ }
439
+ }
440
+
441
+ @media (min-width: 1024px) {
442
+ ._mobile_only_1w40l_693 {
443
+ display: none !important;
444
+ }
445
+ }
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": "1.0.77-patch.72",
4
+ "version": "1.0.77-patch.74",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",