@axos-web-dev/shared-components 2.0.0-dev.29 → 2.0.0-dev.29-toasts

package/dist/assets/Table/Table.css

@@ -1,96 +1,101 @@
-._1nivbwe1 {
+.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 +104,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 +184,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 +210,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 +234,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 +264,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 +283,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 +314,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 +341,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 +378,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/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,9 @@
 .xbzzeo0 {
   -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
-  box-shadow: 0 7px 10px rgba(0,0,0,0.08);
-}
-.page_body_contents > div:has(.xbzzeo0) {
-  margin-top: -3.5rem;
+  box-shadow: none;
 }
 .xbzzeo1 {
-  max-width: 88.2rem;
+  max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
@@ -15,7 +12,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,6 @@
+.page_body_contents > div:not(:first-child) ._16puo4g0 {
+  padding-top: 0px;
+}
 ._16puo4g1 {
   opacity: 1;
   height: 100%;

package/dist/assets/globals.css

@@ -35,14 +35,37 @@ li p, p:last-child, p:only-child {
 .page_body_contents {
   display: flex;
   flex-direction: column;
-  gap: 3.5rem;
+}
+.page_body_contents > div:not(.no_section_gap):not(:has(._1tdyl74e)) + div:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
+}
+.page_body_contents > .no_section_gap + div:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
+}
+.page_body_contents > div:not(.no_section_gap):not(:has(._1tdyl74e)) + div.no_section_gap {
+  margin-top: 3.5rem;
+}
+.page_body_contents > [data-content-type='comparisonSet'] + div.no_section_gap {
+  margin-top: 3.5rem;
+}
+.page_body_contents > div:first-child:not(.no_section_gap):not(:has(._1tdyl74e)) {
+  margin-top: 3.5rem;
 }
 span#personalized-refi-table:has(*) {
   margin-bottom: 3.5rem;
 }
-.page_body_contents > div:first-child > .billboard {
+main:not(:has(~ .sm-hide)):not(:has(> [data-content-type='relatedTopicSet'])):not(:has(.page_body_contents > div:last-child.no_section_gap)) {
+  margin-bottom: 3.5rem;
+}
+main > [data-content-type='relatedTopicSet']:has(.kjcqgc1) {
   margin-top: 3.5rem;
 }
+.page_body_contents:not(:has(> div:last-child.no_section_gap)) ~ [data-content-type='relatedTopicSet'] {
+  margin-top: 3.5rem;
+}
+.sm-hide:not(:has(~ #site_map)) {
+  margin-bottom: 3.5rem;
+}
 .flex_row {
   flex-direction: row;
 }
@@ -242,6 +265,15 @@ p:empty, ul:empty {
 .margin_block {
   margin: 1rem 0;
 }
+:focus-visible {
+  outline-offset: 4px;
+}
+.block_spacer {
+  padding-block: 2.5rem;
+}
+.sm-hide {
+  margin-top: 3.5rem;
+}
 @layer globals {
   .containment {
     width: min(1200px, calc(100% - 4rem));

package/dist/globals.css.js

@@ -1,2 +1,9 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+import './assets/globals.css';import './assets/ArticlesSet/ArticlesSet.css';import './assets/CallToActionBar/CallToActionBar.css';import './assets/Insight/Insight.css';import './assets/themes/victorie.css';import './assets/themes/ufb.css';import './assets/themes/premier.css';import './assets/themes/axos.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                               */
+/* empty css                                  */
+/* empty css                              */
+/* empty css                                   */
+/* empty css                                   */
+/* empty css                                                   */
+/* empty css                                           */
 /* empty css                           */

package/dist/icons/QuoteIconGrey.js

@@ -8,6 +8,7 @@ const SvgQuoteIconGrey = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
+    "aria-hidden": true,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_5424_27387)", children: [
         /* @__PURE__ */ jsx(

package/dist/icons/QuoteIconWhite.js

@@ -8,6 +8,7 @@ const SvgQuoteIconWhite = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
+    "aria-hidden": true,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_5527_22620)", children: [
         /* @__PURE__ */ jsx(

package/dist/icons/QuoteIconYellow.js

@@ -8,6 +8,7 @@ const SvgQuoteIconYellow = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
+    "aria-hidden": true,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_5266_22200)", children: [
         /* @__PURE__ */ jsx(

package/dist/index.css.js

@@ -1,3 +1,10 @@
-import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+import './assets/index.css';import './assets/globals.css';import './assets/ArticlesSet/ArticlesSet.css';import './assets/CallToActionBar/CallToActionBar.css';import './assets/Insight/Insight.css';import './assets/themes/victorie.css';import './assets/themes/ufb.css';import './assets/themes/premier.css';import './assets/themes/axos.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                               */
+/* empty css                                  */
+/* empty css                              */
+/* empty css                                   */
+/* empty css                                   */
+/* empty css                                                   */
+/* empty css                                           */
 /* empty css                           */
 /* empty css                         */