@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui.2 → 2.0.0-dev.30-toast

package/dist/assets/Table/Table.css

@@ -1,96 +1,105 @@
-._1nivbwe1 {
+._1nivbwe0 {
+  padding-top: 2.5rem;
+}
+.lchs2s1 ._1nivbwe0 {
+  padding-top: 0px;
+}
+.page_body_contents > div:not(:first-child) ._1nivbwe1 {
+  padding-top: 0px;
+}
+._1nivbwe5 {
   border-radius: 16px;
   height: 100%;
 }
-._1nivbwe2 {
+._1nivbwe6 {
   background: var(--_1073cm88);
   padding: 2rem 0;
 }
-._1nivbwe3 {
+._1nivbwe7 {
   background: #ffffff;
 }
-._1nivbwe4 {
+._1nivbwe8 {
   margin-inline: auto;
   margin-bottom: 2.5rem;
   text-align: center;
   max-width: 1000px;
 }
-._1nivbwe5 {
+._1nivbwe9 {
   color: var(--_1073cm8c);
 }
-._1nivbwe6 tbody tr:first-child td {
+._1nivbwea tbody tr:first-child td {
   background-color: #DEF4FF !important;
   background: #DEF4FF !important;
   color: #1E3860;
   font-size: 20px;
 }
-._1nivbwe7 tbody tr:last-child td {
+._1nivbweb tbody tr:last-child td {
   background-color: #DEF4FF !important;
   background: #DEF4FF !important;
   color: #1E3860;
   font-size: 20px;
 }
-._1nivbwe8 {
+._1nivbwec {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: 0.2px;
   margin-bottom: 8px;
 }
-._1nivbwe9 {
+._1nivbwed {
   color: var(--_1073cm83);
 }
-._1nivbwea {
+._1nivbwee {
   color: var(--_1073cm8a);
 }
-._1nivbweb {
+._1nivbwef {
   color: var(--_1073cm8h);
 }
-._1nivbwec {
+._1nivbweg {
   color: var(--_1073cm8o);
 }
-._1nivbwed {
+._1nivbweh {
   font-size: 12px;
   font-weight: 700;
   line-height: 1.33;
   letter-spacing: 0.2px;
 }
-._1nivbwee {
+._1nivbwei {
   padding: 16px;
   border-bottom: thin solid #F4F4F4;
 }
-._1nivbwee:first-child {
+._1nivbwei:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwef {
+._1nivbwej {
   color: #4A5560;
   background: var(--_1073cm81);
   border-bottom: 1px solid var(--_1073cm84);
 }
-._1nivbweg {
+._1nivbwek {
   color: #4A5560;
   background: var(--_1073cm88);
   border-bottom: 1px solid var(--_1073cm8b);
 }
-._1nivbweh {
+._1nivbwel {
   color: var(--_1073cm8h);
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbweh:first-child {
+._1nivbwel:first-child {
   background: var(--_1073cm8f);
 }
-._1nivbwei {
+._1nivbwem {
   color: #FFFFFF;
   border-bottom: 1px solid #F4F4F4;
 }
-._1nivbwei:first-child {
+._1nivbwem:first-child {
   background: var(--_1073cm8m);
 }
-._1nivbwek {
+._1nivbweo {
   background: transparent !important;
 }
-._1nivbwel {
+._1nivbwep {
   padding: 16px;
   font-size: 12px;
   font-weight: 700;
@@ -99,77 +108,77 @@
   border-bottom: thin solid #FFFFFF66;
   text-align: center;
 }
-._1nivbwel:first-child {
+._1nivbwep:first-child {
   position: sticky;
   left: 0;
 }
-._1nivbwek ._1nivbwel {
+._1nivbweo ._1nivbwep {
   font-size: 18px;
   font-weight: 400;
   letter-spacing: 0.2px;
   line-height: 1.44;
   text-align: center;
 }
-._1nivbwek ._1nivbwel:first-child {
+._1nivbweo ._1nivbwep:first-child {
   border-radius: 1rem 0 0 1rem;
 }
-._1nivbwek ._1nivbwel:last-child {
+._1nivbweo ._1nivbwep:last-child {
   border-radius: 0 1rem 1rem 0;
 }
-._1nivbwem {
+._1nivbweq {
   background: var(--_1073cm81);
   color: #4A5560;
   border-bottom: 1px solid var(--_1073cm8b);
 }
-._1nivbwen {
+._1nivbwer {
   background: var(--_1073cm88);
   color: #4A5560;
   border-bottom: 1px solid var(--_1073cm8b);
 }
-._1nivbweo {
+._1nivbwes {
   color: var(--_1073cm8h);
   border-bottom: 1px solid var(--_1073cm8b);
 }
-._1nivbweo:first-child {
+._1nivbwes:first-child {
   background: var(--_1073cm8f);
   color: var(--_1073cm8h);
 }
-._1nivbwep {
+._1nivbwet {
   color: var(--_1073cm8o);
   border-bottom: 1px solid var(--_1073cm8b);
 }
-._1nivbwep:first-child {
+._1nivbwet:first-child {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
 }
-._1nivbwer {
+._1nivbwev {
   background: #F4F4F4;
 }
-._1nivbwes {
+._1nivbwew {
   background: #D4D4D4;
 }
 tr:last-child td {
   border-bottom: 0;
 }
-._1nivbwet {
+._1nivbwex {
   width: 100%;
   overflow: hidden;
   margin: auto;
   border-radius: 1rem;
 }
-._1nivbweu {
+._1nivbwey {
   border: 1px solid var(--_1073cm84);
 }
-._1nivbwev {
+._1nivbwez {
   border: 1px solid var(--_1073cm8b);
 }
-._1nivbwew {
+._1nivbwe10 {
   border: none;
 }
-._1nivbwex {
+._1nivbwe11 {
   border: none;
 }
-._1nivbwey {
+._1nivbwe12 {
   background-color: white;
   position: relative;
   overflow: hidden;
@@ -179,25 +188,25 @@ tr:last-child td {
   width: 100%;
   table-layout: fixed;
 }
-._1nivbwez {
+._1nivbwe13 {
   background: var(--_1073cm81);
 }
-._1nivbwe10 {
+._1nivbwe14 {
   background: var(--_1073cm88);
 }
-._1nivbwe11 {
+._1nivbwe15 {
   background: var(--_1073cm8f);
 }
-._1nivbwe12 {
+._1nivbwe16 {
   background: var(--_1073cm8m);
 }
-._1nivbweu ._1nivbwe13 tr:nth-child(even) td {
+._1nivbwey ._1nivbwe17 tr:nth-child(even) td {
   background: var(--_1073cm88);
 }
-._1nivbwev ._1nivbwe13 tr:nth-child(even) td {
+._1nivbwez ._1nivbwe17 tr:nth-child(even) td {
   background: #FFFFFF;
 }
-._1nivbwek ._1nivbwee {
+._1nivbweo ._1nivbwei {
   background: var(--_1073cm88);
   color: var(--_1073cm8c);
   font-size: 18px;
@@ -205,22 +214,22 @@ tr:last-child td {
   line-height: 1.44;
   text-align: center;
 }
-._1nivbwek tr:nth-child(odd) td {
+._1nivbweo tr:nth-child(odd) td {
   background: #ffffff;
 }
-._1nivbwek tr > :is(th, td):first-child {
+._1nivbweo tr > :is(th, td):first-child {
   text-align: left;
 }
-._1nivbwek:has(td:nth-child(3):is(:last-child)) {
+._1nivbweo:has(td:nth-child(3):is(:last-child)) {
   min-width: unset;
   width: 100%;
 }
-._1nivbwe2 ._1nivbwe4 {
+._1nivbwe6 ._1nivbwe8 {
   margin-bottom: 1rem;
   max-width: 90%;
   text-align: left;
 }
-._1nivbwek tr:has(> :last-child:nth-child(-n + 3)) td {
+._1nivbweo tr:has(> :last-child:nth-child(-n + 3)) td {
   width: 33%;
 }
 tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
@@ -229,16 +238,16 @@ tr:has(> :last-child:nth-child(-n + 3)) td:first-child {
  tr:has(> :last-child:nth-child(-n + 3)) th:first-child {
   position: relative;
 }
-._1nivbwek tr td:first-child p {
+._1nivbweo tr td:first-child p {
   justify-content: left;
 }
-._1nivbwek tr th:first-child ._1nivbwe8 p {
+._1nivbweo tr th:first-child ._1nivbwec p {
   justify-content: left;
 }
-._1nivbwek tr td, ._1nivbwek tr th {
+._1nivbweo tr td, ._1nivbweo tr th {
   border-bottom: 0;
 }
-._1nivbwe14 {
+._1nivbwe18 {
   margin-bottom: 1rem;
 }
 th .flex.middle.center {
@@ -259,17 +268,17 @@ td:has(.flex.middle span.img_fluid) .flex.middle {
 td:has(.flex.middle span.img_fluid) .img_fluid {
   min-width: 24px;
 }
-._1nivbwe15 {
+._1nivbwe19 {
   background-image: var(--_1073cm8z) !important;
   color: var(--_1073cm810) !important;
 }
 main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1nivbwe0 {
   margin-bottom: 3.5rem;
 }
-._1nivbwe16 {
+._1nivbwe1a {
   background: var(--_1073cm8f)!important;
 }
-._1nivbwe16 th:first-child {
+._1nivbwe1a th:first-child {
   background: none;
 }
 @media screen and (max-width: 1023px) {
@@ -278,29 +287,29 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   }
 }
 @media screen and (max-width: 768px) {
-  ._1nivbwee:first-child {
+  ._1nivbwei:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
     top: 0;
     min-width: 150px;
   }
-  ._1nivbweh:first-child {
+  ._1nivbwel:first-child {
     background: var(--_1073cm8f);
   }
-  ._1nivbwei:first-child {
+  ._1nivbwem:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwel {
+  ._1nivbwep {
     font-size: 14px;
   }
-  ._1nivbwel:first-child {
+  ._1nivbwep:first-child {
     box-shadow: 0 15px 20px 0px rgb(0 0 0 / 0.3);
     z-index: 2;
   }
-  ._1nivbwek ._1nivbwel:first-child {
+  ._1nivbweo ._1nivbwep:first-child {
     border-radius: 0;
   }
-  ._1nivbwey {
+  ._1nivbwe12 {
     border-radius: 0;
     overflow: auto;
     width: auto;
@@ -309,7 +318,7 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
     min-width: unset;
     width: 100%;
   }
-  ._1nivbwek tr:has(> :last-child:nth-child(-n + 3)) td {
+  ._1nivbweo tr:has(> :last-child:nth-child(-n + 3)) td {
     width: 30%;
   }
   tr:has(> :last-child:nth-child(-n + 3)) td {
@@ -336,31 +345,31 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   }
 }
 @media screen and (max-width: 327px) {
-  ._1nivbwe1 {
+  ._1nivbwe5 {
     scrollbar-width: thin;
   }
-  ._1nivbweo:first-child {
+  ._1nivbwes:first-child {
     background-image: var(--_1073cm8f);
   }
-  ._1nivbwep:first-child {
+  ._1nivbwet:first-child {
     background-image: var(--_1073cm8m);
   }
-  ._1nivbwey {
+  ._1nivbwe12 {
     overflow-x: auto;
   }
 }
 @media screen and (max-width:768px) {
-  ._1nivbwe5 {
+  ._1nivbwe9 {
     font-size: 28px;
     line-height: 1.29;
   }
-  ._1nivbwet {
+  ._1nivbwex {
     border-radius: 0;
     overflow-x: scroll;
   }
 }
 @media screen and (max-width: 450px) {
-  ._1nivbwek {
+  ._1nivbweo {
     min-width: 100%;
   }
 }
@@ -373,7 +382,7 @@ main > div:nth-last-child(2) > ._1nivbwe0, main > div:nth-last-child(1) > ._1niv
   }
 }
 @media screen and (max-width: 603px) {
-  .containment:has(._1nivbwek) {
+  .containment:has(._1nivbweo) {
     width: 100%;
     border-radius: 0px;
   }

package/dist/assets/TextBlock/TextBlock.css

@@ -1,3 +1,10 @@
+._16g7rvn0 {
+  margin-inline: auto;
+  padding-top: 2.5rem;
+}
+.page_body_contents > div:not(:first-child) ._16g7rvn0 {
+  padding-top: 0px;
+}
 ._16g7rvn1 {
   margin: 1em 0;
   line-height: 1.5;

package/dist/assets/TopicalNavItem/TopicalNavItem.css

@@ -21,63 +21,43 @@
   background-image: linear-gradient(360deg,#def4ff 0,rgba(222,244,255,0.942708) 34.12%,rgba(222,244,255,0) 107.41%);
 }
 .dmebjx1 {
-  font-size: 1rem;
+  font-size: 18px;
   line-height: 1.3;
   letter-spacing: 0.2px;
-  min-height: 1.875rem;
+  min-height: 1px;
   position: relative;
   margin-bottom: 0;
-  color: #333d46;
+  color: #2f5b88;
+  font-weight: 700;
+}
+.dmebjx1::after {
+  content: url("https://images.axos.com/o9ov1v03uwqk/46CsHuKnjPaa4NKjtgtbU0/8f6881ce84ba88e8157a544956aceeb1/chevron-right.png");
+  display: inline-block;
+  left: 10px;
+  position: relative;
+  top: 2px;
 }
 .dmebjx2 {
-  display: none;
+  padding: 0;
+  text-align: center;
+  width: 100%;
 }
 .dmebjx3 {
-  padding: 1rem 0;
-}
-.dmebjx4 {
-  margin-bottom: 12px;
-  object-fit: none;
+  margin-bottom: 7px;
+  height: 48px;
+  width: 48px;
+  display: block;
+  left: 50%;
+  position: relative;
+  transform: translateX(-50%);
+  object-fit: contain;
   object-position: bottom;
-  height: 24px;
 }
 @media (max-width:1023px) {
   .dmebjx0 {
-    box-shadow: 0 1px 0 rgb(0 0 0 / 25%);
-    border-top: 3px solid transparent;
-    min-height: 56px;
-    padding: 0 1.5rem;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
-@media (min-width:1024px) {
-  .dmebjx0::before {
-    content: "";
-    position: absolute;
-    background-color: #d4d4d4;
-    bottom: 0;
-    height: 74px;
-    left: 0;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-    width: 0.5px;
-  }
-  .dmebjx0:last-child::after {
-    content: "";
-    position: absolute;
-    background-color: #d4d4d4;
-    bottom: 0;
-    height: 74px;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-    width: 0.5px;
-    right: 0;
-    left: auto;
+    border-top: none;
+    min-height: 1px;
+    padding: 0 1rem;
   }
 }
 @media (max-width: 1023px) {
@@ -87,14 +67,7 @@
     font-weight: 700;
   }
   .dmebjx2 {
-    margin-right: 11px;
     display: block;
-  }
-  .dmebjx3 {
-    display: flex;
     align-items: center;
   }
-  .dmebjx4 {
-    display: none;
-  }
 }

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -1,12 +1,12 @@
 .xbzzeo0 {
   -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
-  box-shadow: 0 7px 10px rgba(0,0,0,0.08);
+  box-shadow: none;
 }
-.page_body_contents > div:has(.xbzzeo0) {
+.page_body_contents > div:has(> .xbzzeo0) {
   margin-top: -3.5rem;
 }
 .xbzzeo1 {
-  max-width: 88.2rem;
+  max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
@@ -15,7 +15,32 @@
     box-shadow: none;
     filter: none;
   }
+}
+@media (max-width: 768px) {
+  .xbzzeo1 {
+    padding-inline: 16px;
+  }
+}
+@media (max-width:1080px) {
+  .xbzzeo2 {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    gap: 24px 12px;
+  }
+}
+@media (max-width:825px) {
+  .xbzzeo2 {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  }
+}
+@media (max-width:550px) {
+  .xbzzeo2 {
+    gap: 54px 12px;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (max-width:380px) {
   .xbzzeo2 {
-    display: block;
+    padding: 0 1rem;
   }
 }

package/dist/assets/VideoTile/VideoTile.css

@@ -1,3 +1,9 @@
+._16puo4g0 {
+  padding-top: 2.5rem;
+}
+.page_body_contents > div:not(:first-child) ._16puo4g0 {
+  padding-top: 0px;
+}
 ._16puo4g1 {
   opacity: 1;
   height: 100%;

package/dist/assets/globals.css

@@ -1,4 +1,4 @@
-@layer container;
+@layer globals;
 * {
   box-sizing: border-box;
   margin: 0;
@@ -43,9 +43,6 @@ span#personalized-refi-table:has(*) {
 .page_body_contents > div:first-child > .billboard {
   margin-top: 3.5rem;
 }
-.flex, [class*='flex_'] {
-  display: flex;
-}
 .flex_row {
   flex-direction: row;
 }
@@ -91,10 +88,6 @@ span#personalized-refi-table:has(*) {
 .text_center {
   text-align: center;
 }
-.rounded {
-  border-radius: 1rem;
-  overflow: hidden;
-}
 .overflow_hidden {
   overflow: hidden;
 }
@@ -249,10 +242,17 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
-@layer container {
+@layer globals {
   .containment {
     width: min(1200px, calc(100% - 4rem));
   }
+  .flex, [class*='flex_'] {
+    display: flex;
+  }
+  .rounded {
+    border-radius: 1rem;
+    overflow: hidden;
+  }
   @media screen and (max-width: 1023px) {
     .containment {
       width: min(45rem, calc(100% - 4rem));