@axos-web-dev/shared-components 1.0.100-dev.84 → 1.0.100-dev.84-layer-test

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.
@@ -200,9 +200,7 @@ function SubNavBar() {
200
200
  /* @__PURE__ */ jsx(
201
201
  "a",
202
202
  {
203
- href: resolveUrl(
204
- "{AXOSBANK}/personal/bank"
205
- ),
203
+ href: resolveUrl("{AXOSBANK}/personal/bank"),
206
204
  id: "personalNav1",
207
205
  "aria-label": "Press Enter to navigate to the Bank section home page, or press Tab again to focus on the down arrow and press Enter to open the Bank section sub-menu.",
208
206
  children: "Bank"
@@ -252,9 +250,7 @@ function SubNavBar() {
252
250
  /* @__PURE__ */ jsx(
253
251
  "a",
254
252
  {
255
- href: resolveUrl(
256
- "{AXOSBANK}/personal/borrow"
257
- ),
253
+ href: resolveUrl("{AXOSBANK}/personal/borrow"),
258
254
  id: "personalNav2",
259
255
  "aria-label": "Press Enter to navigate to the Borrow section home page, or press Tab again to focus on the down arrow and press Enter to open the Borrow section sub-menu.",
260
256
  children: "Borrow"
@@ -354,9 +350,7 @@ function SubNavBar() {
354
350
  /* @__PURE__ */ jsx(
355
351
  "a",
356
352
  {
357
- href: resolveUrl(
358
- "{AXOSBANK}/personal/plan"
359
- ),
353
+ href: resolveUrl("{AXOSBANK}/personal/plan"),
360
354
  id: "personalNav4",
361
355
  "aria-label": "Press Enter to navigate to the Plan section home page, or press Tab again to focus on the down arrow and press Enter to open the Plan section sub-menu.",
362
356
  children: "Plan"
@@ -458,9 +452,7 @@ function SubNavBar() {
458
452
  /* @__PURE__ */ jsx(
459
453
  "a",
460
454
  {
461
- href: resolveUrl(
462
- "{AXOSBANK}/commercial/banking"
463
- ),
455
+ href: resolveUrl("{AXOSBANK}/commercial/banking"),
464
456
  id: "busNav2",
465
457
  "aria-label": "Press Enter to navigate to the Commercial Banking section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Banking section sub-menu.",
466
458
  children: "Commercial Banking"
@@ -510,9 +502,7 @@ function SubNavBar() {
510
502
  /* @__PURE__ */ jsx(
511
503
  "a",
512
504
  {
513
- href: resolveUrl(
514
- "{AXOSBANK}/commercial/lending"
515
- ),
505
+ href: resolveUrl("{AXOSBANK}/commercial/lending"),
516
506
  id: "busNav3",
517
507
  "aria-label": "Press Enter to navigate to the Commercial Lending section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Lending section sub-menu.",
518
508
  children: "Commercial Lending"
@@ -616,9 +606,7 @@ function SubNavBar() {
616
606
  /* @__PURE__ */ jsx(
617
607
  "a",
618
608
  {
619
- href: resolveUrl(
620
- "{AXOSBANK}/partners/dealer-services"
621
- ),
609
+ href: resolveUrl("{AXOSBANK}/partners/dealer-services"),
622
610
  id: "partNav5",
623
611
  "aria-label": "Press Enter to navigate to the Dealer Services section home page, or press Tab again to focus on the down arrow and press Enter to open the Dealer Services section sub-menu.",
624
612
  children: "Dealer Services"
@@ -803,9 +791,7 @@ function SubNavBar() {
803
791
  children: /* @__PURE__ */ jsx(
804
792
  Link,
805
793
  {
806
- href: resolveUrl(
807
- "{AXOSBANK}/personal/support"
808
- ),
794
+ href: resolveUrl("{AXOSBANK}/personal/support"),
809
795
  children: "Help & Support"
810
796
  }
811
797
  )
@@ -1152,9 +1138,7 @@ function SubNavBar() {
1152
1138
  children: /* @__PURE__ */ jsx(
1153
1139
  Link,
1154
1140
  {
1155
- href: resolveUrl(
1156
- "{AXOSBANK}/personal/support"
1157
- ),
1141
+ href: resolveUrl("{AXOSBANK}/personal/support"),
1158
1142
  children: "Help & Support"
1159
1143
  }
1160
1144
  )
@@ -1291,15 +1275,7 @@ function SubNavBar() {
1291
1275
  children: "Learn More"
1292
1276
  }
1293
1277
  ) }),
1294
- /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1295
- Link,
1296
- {
1297
- href: resolveUrl(
1298
- `{PERSONALLOANS}`
1299
- ),
1300
- children: "Apply Now"
1301
- }
1302
- ) }),
1278
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(`{PERSONALLOANS}`), children: "Apply Now" }) }),
1303
1279
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1304
1280
  Link,
1305
1281
  {
@@ -1526,15 +1502,7 @@ function SubNavBar() {
1526
1502
  "div",
1527
1503
  {
1528
1504
  className: `${styles.headline_cta} ${styles.ml_8}`,
1529
- children: /* @__PURE__ */ jsx(
1530
- Link,
1531
- {
1532
- href: resolveUrl(
1533
- "{AXOS}/invest/support"
1534
- ),
1535
- children: "Help & Support"
1536
- }
1537
- )
1505
+ children: /* @__PURE__ */ jsx(Link, { href: resolveUrl("{AXOS}/invest/support"), children: "Help & Support" })
1538
1506
  }
1539
1507
  )
1540
1508
  ] })
@@ -1656,9 +1624,7 @@ function SubNavBar() {
1656
1624
  /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1657
1625
  Link,
1658
1626
  {
1659
- href: resolveUrl(
1660
- "{AXOS}/invest/retirement"
1661
- ),
1627
+ href: resolveUrl("{AXOS}/invest/retirement"),
1662
1628
  role: "heading",
1663
1629
  children: "Retirement"
1664
1630
  }
@@ -1677,9 +1643,7 @@ function SubNavBar() {
1677
1643
  /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1678
1644
  Link,
1679
1645
  {
1680
- href: resolveUrl(
1681
- "{AXOS}/invest/support"
1682
- ),
1646
+ href: resolveUrl("{AXOS}/invest/support"),
1683
1647
  role: "heading",
1684
1648
  children: "Support"
1685
1649
  }
@@ -1698,9 +1662,7 @@ function SubNavBar() {
1698
1662
  /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1699
1663
  Link,
1700
1664
  {
1701
- href: resolveUrl(
1702
- "{AXOS}/invest/insights"
1703
- ),
1665
+ href: resolveUrl("{AXOS}/invest/insights"),
1704
1666
  role: "heading",
1705
1667
  children: "Insights"
1706
1668
  }
@@ -1797,9 +1759,7 @@ function SubNavBar() {
1797
1759
  children: /* @__PURE__ */ jsx(
1798
1760
  Link,
1799
1761
  {
1800
- href: resolveUrl(
1801
- "{AXOSBANK}/personal/support"
1802
- ),
1762
+ href: resolveUrl("{AXOSBANK}/personal/support"),
1803
1763
  children: "Help & Support"
1804
1764
  }
1805
1765
  )
@@ -1866,9 +1826,7 @@ function SubNavBar() {
1866
1826
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1867
1827
  Link,
1868
1828
  {
1869
- href: resolveUrl(
1870
- "{AXOSBANK}/tools"
1871
- ),
1829
+ href: resolveUrl("{AXOSBANK}/tools"),
1872
1830
  role: "heading",
1873
1831
  children: "Financial Tools"
1874
1832
  }
@@ -1900,15 +1858,7 @@ function SubNavBar() {
1900
1858
  children: "Personal Finance Manager"
1901
1859
  }
1902
1860
  ) }),
1903
- /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1904
- Link,
1905
- {
1906
- href: resolveUrl(
1907
- "{AXOSBANK}/tools"
1908
- ),
1909
- children: "Additional Tools"
1910
- }
1911
- ) }),
1861
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl("{AXOSBANK}/tools"), children: "Additional Tools" }) }),
1912
1862
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1913
1863
  Link,
1914
1864
  {
@@ -1953,9 +1903,7 @@ function SubNavBar() {
1953
1903
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1954
1904
  Link,
1955
1905
  {
1956
- href: resolveUrl(
1957
- "{AXOS}/invest/insights"
1958
- ),
1906
+ href: resolveUrl("{AXOS}/invest/insights"),
1959
1907
  children: "Investing Insights"
1960
1908
  }
1961
1909
  ) })
@@ -2075,9 +2023,7 @@ function SubNavBar() {
2075
2023
  children: /* @__PURE__ */ jsx(
2076
2024
  Link,
2077
2025
  {
2078
- href: resolveUrl(
2079
- "{AXOSBANK}/business/support"
2080
- ),
2026
+ href: resolveUrl("{AXOSBANK}/business/support"),
2081
2027
  children: "Help & Support"
2082
2028
  }
2083
2029
  )
@@ -2546,9 +2492,7 @@ function SubNavBar() {
2546
2492
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2547
2493
  Link,
2548
2494
  {
2549
- href: resolveUrl(
2550
- "{AXOSBANK}/commercial"
2551
- ),
2495
+ href: resolveUrl("{AXOSBANK}/commercial"),
2552
2496
  role: "heading",
2553
2497
  children: "Solutions By Industry"
2554
2498
  }
@@ -2607,13 +2551,7 @@ function SubNavBar() {
2607
2551
  children: "Global Fiduciary Banking"
2608
2552
  }
2609
2553
  ) }),
2610
- /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2611
- Link,
2612
- {
2613
- href: resolveUrl(`{AFS}`),
2614
- children: "Fiduciary Services"
2615
- }
2616
- ) }),
2554
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(`{AFS}`), children: "Fiduciary Services" }) }),
2617
2555
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2618
2556
  Link,
2619
2557
  {
@@ -3268,9 +3206,7 @@ function SubNavBar() {
3268
3206
  children: /* @__PURE__ */ jsx(
3269
3207
  Link,
3270
3208
  {
3271
- href: resolveUrl(
3272
- "{AXOSBANK}/partners/support"
3273
- ),
3209
+ href: resolveUrl("{AXOSBANK}/partners/support"),
3274
3210
  children: "Help & Support"
3275
3211
  }
3276
3212
  )
@@ -440,13 +440,7 @@ function NavBar({
440
440
  "li",
441
441
  {
442
442
  className: `${styles.signin_subheader} ${signin_subheader}`,
443
- children: /* @__PURE__ */ jsx(
444
- "a",
445
- {
446
- href: resolveUrl("{ONLINEBANKING}/auth/Login"),
447
- children: "Account Login"
448
- }
449
- )
443
+ children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{ONLINEBANKING}/auth/Login"), children: "Account Login" })
450
444
  }
451
445
  ),
452
446
  /* @__PURE__ */ jsx(
@@ -472,13 +466,7 @@ function NavBar({
472
466
  "li",
473
467
  {
474
468
  className: `${styles.signin_subheader} ${signin_subheader}`,
475
- children: /* @__PURE__ */ jsx(
476
- "a",
477
- {
478
- href: resolveUrl("{AXOSBANK}/business/login"),
479
- children: "Business Banking Login"
480
- }
481
- )
469
+ children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/business/login"), children: "Business Banking Login" })
482
470
  }
483
471
  ),
484
472
  /* @__PURE__ */ jsx(
@@ -488,7 +476,9 @@ function NavBar({
488
476
  children: /* @__PURE__ */ jsx(
489
477
  "a",
490
478
  {
491
- href: resolveUrl("{AXOSBANK}/business/mwa-business-banking"),
479
+ href: resolveUrl(
480
+ "{AXOSBANK}/business/mwa-business-banking"
481
+ ),
492
482
  children: "MWA Business Banking"
493
483
  }
494
484
  )
@@ -501,7 +491,9 @@ function NavBar({
501
491
  children: /* @__PURE__ */ jsx(
502
492
  "a",
503
493
  {
504
- href: resolveUrl("{AXOSBANK}/commercial/lending/commercial-portal"),
494
+ href: resolveUrl(
495
+ "{AXOSBANK}/commercial/lending/commercial-portal"
496
+ ),
505
497
  children: "Commercial Portal"
506
498
  }
507
499
  )
@@ -540,13 +532,7 @@ function NavBar({
540
532
  {
541
533
  className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
542
534
  children: [
543
- /* @__PURE__ */ jsx(
544
- "a",
545
- {
546
- href: resolveUrl("{AXOSBANK}/customer-support"),
547
- children: "Customer Support"
548
- }
549
- ),
535
+ /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/customer-support"), children: "Customer Support" }),
550
536
  /* @__PURE__ */ jsx(
551
537
  "a",
552
538
  {
@@ -449,30 +449,9 @@ function NavBar() {
449
449
  className: clsx(styles.sub_menu, isOpenProducts1 && expand),
450
450
  children: [
451
451
  /* @__PURE__ */ jsx("a", { href: "/about-us", className: styles.main, role: "heading", children: "About Us" }),
452
- /* @__PURE__ */ jsx(
453
- "a",
454
- {
455
- href: resolveUrl("/about-us/our-process"),
456
- role: "menuitem",
457
- children: "Our Process"
458
- }
459
- ),
460
- /* @__PURE__ */ jsx(
461
- "a",
462
- {
463
- href: resolveUrl("/about-us/faqs"),
464
- role: "menuitem",
465
- children: "FAQs"
466
- }
467
- ),
468
- /* @__PURE__ */ jsx(
469
- "a",
470
- {
471
- href: resolveUrl("/about-us/our-team"),
472
- role: "menuitem",
473
- children: "Our Team"
474
- }
475
- )
452
+ /* @__PURE__ */ jsx("a", { href: resolveUrl("/about-us/our-process"), role: "menuitem", children: "Our Process" }),
453
+ /* @__PURE__ */ jsx("a", { href: resolveUrl("/about-us/faqs"), role: "menuitem", children: "FAQs" }),
454
+ /* @__PURE__ */ jsx("a", { href: resolveUrl("/about-us/our-team"), role: "menuitem", children: "Our Team" })
476
455
  ]
477
456
  }
478
457
  )
@@ -345,13 +345,7 @@ const SignInNavButton = () => {
345
345
  className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
346
346
  children: [
347
347
  /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/customer-support"), children: "Customer Support" }),
348
- /* @__PURE__ */ jsx(
349
- "a",
350
- {
351
- href: resolveUrl("{AXOSBANK}/return-to-application"),
352
- children: "Return to Application"
353
- }
354
- )
348
+ /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/return-to-application"), children: "Return to Application" })
355
349
  ]
356
350
  }
357
351
  )
@@ -1,3 +1,4 @@
1
+ @layer container;
1
2
  * {
2
3
  box-sizing: border-box;
3
4
  margin: 0;
@@ -27,7 +28,6 @@ li p, p:last-child, p:only-child {
27
28
  .containment {
28
29
  box-sizing: border-box;
29
30
  margin-inline: auto;
30
- width: min(1200px, calc(100% - 4rem));
31
31
  }
32
32
  .section_spacer {
33
33
  margin-top: 3.5rem;
@@ -249,18 +249,32 @@ p:empty, ul:empty {
249
249
  .margin_block {
250
250
  margin: 1rem 0;
251
251
  }
252
- @media screen and (max-width: 1023px) {
252
+ @layer container {
253
253
  .containment {
254
- width: min(45rem, calc(100% - 4rem));
254
+ width: min(1200px, calc(100% - 4rem));
255
+ }
256
+ @media screen and (max-width: 1023px) {
257
+ .containment {
258
+ width: min(45rem, calc(100% - 4rem));
259
+ }
260
+ }
261
+ @media screen and (max-width: 768px) {
262
+ .containment {
263
+ width: min(33.75rem, calc(100% - 4rem));
264
+ }
255
265
  }
266
+ @media screen and (max-width: 603px) {
267
+ .containment {
268
+ width: calc(100% - 2rem);
269
+ }
270
+ }
271
+ }
272
+ @media screen and (max-width: 1023px) {
256
273
  .section_spacer {
257
274
  margin-top: 42px;
258
275
  }
259
276
  }
260
277
  @media screen and (max-width: 768px) {
261
- .containment {
262
- width: min(33.75rem, calc(100% - 4rem));
263
- }
264
278
  .section_spacer {
265
279
  margin-top: 2rem;
266
280
  }
@@ -268,11 +282,6 @@ p:empty, ul:empty {
268
282
  padding: 32px 28px;
269
283
  }
270
284
  }
271
- @media screen and (max-width: 603px) {
272
- .containment {
273
- width: calc(100% - 2rem);
274
- }
275
- }
276
285
  @media screen and (max-width:1280px) {
277
286
  .header_2 {
278
287
  font-size: 2rem;