@axos-web-dev/shared-components 2.0.0-queryparams.2 → 2.2.0

package/dist/assets/SetContainer/SetContainer.css

@@ -57,27 +57,34 @@
   margin-inline: auto;
   padding-block: 2.5rem;
 }
+.page_body_contents > div:not(:first-child) ._18ygy9m0._18ygy9m1 ._18ygy9mb {
+  padding-top: 0px;
+}
+._18ygy9mc {
+  margin-inline: auto;
+  padding-block: 2.5rem;
+}
 :is(._18ygy9m5, ._18ygy9m6) .containment {
   width: 100%;
 }
 ._18ygy9m0 .containment .containment {
   width: 100%;
 }
-._18ygy9mc {
+._18ygy9md {
   display: flex;
   margin-inline: auto;
   place-items: center;
   text-align: center;
 }
-._18ygy9md {
+._18ygy9me {
   display: block;
   margin: auto;
 }
-._18ygy9me {
+._18ygy9mf {
   isolation: isolate;
   position: relative;
 }
-._18ygy9me::before {
+._18ygy9mf::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -87,29 +94,29 @@
   right: 0;
   z-index: -1;
 }
-._18ygy9mf {
+._18ygy9mg {
   background: var(--_1073cm81);
 }
-._18ygy9mf::before {
+._18ygy9mg::before {
   background: var(--_1073cm81);
 }
-._18ygy9mg {
+._18ygy9mh {
   background: var(--_1073cm81);
 }
-._18ygy9mg::before {
+._18ygy9mh::before {
   background: var(--_1073cm88);
 }
-._18ygy9mh {
+._18ygy9mi {
   background: var(--_1073cm81);
 }
-._18ygy9mh::before {
+._18ygy9mi::before {
   background: var(--_1073cm8f);
   color: var(--_1073cm8o);
 }
-._18ygy9mi {
+._18ygy9mj {
   background: var(--_1073cm81);
 }
-._18ygy9mi::before {
+._18ygy9mj::before {
   background: var(--_1073cm8m);
   color: var(--_1073cm8o);
 }
@@ -152,6 +159,9 @@
   ._18ygy9mb {
     padding-block: 1.5rem;
   }
+  ._18ygy9mc {
+    padding-block: 1.5rem;
+  }
 }
 @media screen and (max-width: 1280px) {
   ._18ygy9m6.cols_4 > .is_icon {
@@ -159,17 +169,17 @@
   }
 }
 @media screen and (max-width:320px) {
-  ._18ygy9mc {
+  ._18ygy9md {
     max-width: 100%;
   }
 }
 @media screen and (max-width:768px) {
-  ._18ygy9mc {
+  ._18ygy9md {
     max-width: 100%;
   }
 }
 @media screen and (max-width:1023px) {
-  ._18ygy9m5:has(._18ygy9mc) {
+  ._18ygy9m5:has(._18ygy9md) {
     grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   }
 }

package/dist/assets/Table/Table.css

@@ -1,96 +1,111 @@
 ._1nivbwe1 {
+  padding-top: 2.5rem;
+}
+.page_body_contents > div:not(:first-child) ._1nivbwe1 {
+  padding-top: 0px;
+}
+._1nivbwe2 {
+  padding-top: 2.5rem;
+}
+._1nivbwe3 {
+  padding-top: 2.5rem;
+}
+._1nivbwe4 {
+  padding-top: 2.5rem;
+}
+._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 +114,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 +194,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 +220,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 +244,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 +274,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 +293,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 +324,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 +351,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 +388,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/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/WalnutIframe/wrapper.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_1wqdl_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_1wqdl_19 {
-  background: #1e3860;
-  border-radius: 8px;
-  height: 555px;
-  isolation: isolate;
-  margin-block: 48px;
-}
-
-section > ._wrapper_1wqdl_19:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_1wqdl_19::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_1wqdl_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-._wrapper_control_1wqdl_77 {
-  height: 100%;
-  width: 100%;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_1wqdl_19 {
-    display: none;
-  }
-}
+@keyframes _shimmer_f1tr5_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_f1tr5_10 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_f1tr5_10:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_f1tr5_10::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_f1tr5_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+._wrapper_control_f1tr5_39 {
+  height: 100%;
+  width: 100%;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_f1tr5_10 {
+    display: none;
+  }
+}

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));