@axos-web-dev/shared-components 1.0.100-dev.67 → 1.0.100-dev.68

package/dist/IconBillboard/IconBillboard.js

@@ -26,7 +26,7 @@ const IconBillboard = (props) => {
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
     if (headingRef.current) {
-      const section = headingRef.current.closest(".section_spacer");
+      const section = headingRef.current.closest(".page_body_contents > div");
       if (section) {
         const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {

package/dist/assets/AlertBanner/AlertBanner.css

@@ -29,9 +29,12 @@
   white-space: nowrap;
   font-size: 18px;
 }
-.section_spacer:has(._1jmmqba4) {
+.page_body_contents > div:has(._1jmmqba4) {
   margin-top: 0;
 }
+.page_body_contents > div:has(._1jmmqba4) + div > section {
+  margin-top: -3.5rem;
+}
 @media screen and (max-width:1919px) {
   ._1jmmqba0 {
     padding: 16px 40px;

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -9,9 +9,6 @@
   max-width: 1392px;
   width: calc(100% - 48px);
 }
-.section_spacer:has(._1amgyqo0) {
-  margin-top: 0px;
-}
 ._1amgyqo1 {
   min-height: 54px;
 }

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -167,7 +167,7 @@
 ._1xynjwx4 ._1xynjwxh {
   background-color: var(--_1073cm88);
 }
-.section_spacer:has(._1xynjwxr) {
+.page_body_contents > div:has(._1xynjwxr) {
   margin-top: 0px;
 }
 @media screen and (max-width: 1023px) {

package/dist/assets/HeroBanner/HeroBanner.css

@@ -96,7 +96,7 @@
   margin-right: 15px;
   margin-top: 24px;
 }
-.section_spacer:has(._1ye8k3f6) {
+.page_body_contents > div:has(._1ye8k3f6) {
   margin-top: 0;
 }
 ._1ye8k3fq {

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -163,7 +163,7 @@
   align-items: center;
   border: none !important;
 }
-.section_spacer ._1m7m2ax {
+.page_body_contents > div:has(._1m7m2ax)  {
   background: none;
 }
 ._1m7m2ax ._1m7m2aj {
@@ -269,40 +269,40 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
 .stacked ._1m7m2ao {
   height: auto;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a1) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a1) {
   background: var(--_1073cm81);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a1) + .section_spacer:has(._1m7m2ax._1m7m2a1) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a1) + div:has(._1m7m2ax._1m7m2a1) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a2) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a2) {
   background: var(--_1073cm88);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a2) + .section_spacer:has(._1m7m2ax._1m7m2a2) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a2) + div:has(._1m7m2ax._1m7m2a2) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a3) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a3) {
   background: var(--_1073cm8f);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a3) + .section_spacer:has(._1m7m2ax._1m7m2a3) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a3) + div:has(._1m7m2ax._1m7m2a3) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a4) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a4) {
   background: var(--_1073cm8m);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a4) + .section_spacer:has(._1m7m2ax._1m7m2a4) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a4) + div:has(._1m7m2ax._1m7m2a4) {
   padding-top: 0;
 }
-.section_spacer:has(.stacked) {
+.page_body_contents > div:has(.stacked) {
   padding-bottom: 40px;
 }
-.section_spacer:has(> ._1m7m2ax) {
+.page_body_contents > div:has(> ._1m7m2ax) {
   padding-block: 56px;
 }
-.section_spacer:has(._1m7m2ax) + .section_spacer:has(._1m7m2ax) {
+.page_body_contents > div:has(._1m7m2ax) + .div:has(._1m7m2ax) {
   margin-top: 0;
 }
-.section_spacer:has(._1m7m2ax) ._1m7m2an {
+.page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
   margin-top: 1.7rem;
 }
 ._1m7m2a1f {
@@ -465,7 +465,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   .stacked:first-child {
     padding-top: 42px;
   }
-  .section_spacer:has(> ._1m7m2ax) {
+  .page_body_contents > div:has(> ._1m7m2ax) {
     padding-block: 42px;
   }
 }
@@ -485,7 +485,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   .stacked:first-child {
     padding-top: 2rem;
   }
-  .section_spacer:has(> ._1m7m2ax) {
+  .page_body_contents > div:has(> ._1m7m2ax) {
     padding-block: 2rem;
   }
 }
@@ -498,7 +498,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   }
 }
 @media screen and (min-width: 768px) {
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     margin-top: 2.5rem;
   }
 }
@@ -519,7 +519,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   ._18ygy9m5.stacked ._1m7m2av {
     min-height: 1px !important;
   }
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     justify-content: flex-start;
   }
   ._1m7m2a1g .billboard {
@@ -548,7 +548,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   }
 }
 @media screen and (min-width: 1280px) {
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     margin-top: 3rem;
   }
 }

package/dist/assets/PageNavSet/PageNavigationSet.css

@@ -18,14 +18,15 @@
 .slick-slide {
   margin-left: 8px;
 }
-.section_spacer:has(#pageNav) {
+.page_body_contents > div:has(#pageNav) {
   margin-top: 0;
   position: sticky;
   top: 0;
   z-index: 999;
+  margin-bottom: -3.5rem;
 }
-.section_spacer:has(#pageNav) + .section_spacer {
-  margin-top: 0px !important;
+.page_body_contents > div:has(#pageNav) + div > section {
+  margin-top: 0;
 }
 @media screen and (max-width:1023px) {
   .slick-slide + .slick-slide {

package/dist/assets/SetContainer/SetContainer.css

@@ -17,6 +17,9 @@
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
+.containment > ._18ygy9m5:first-child {
+  padding-top: 2rem;
+}
 ._18ygy9m6 {
   display: grid;
   gap: 24px;

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -2,8 +2,8 @@
   -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
   box-shadow: 0 7px 10px rgba(0,0,0,0.08);
 }
-.section_spacer:has(.xbzzeo0) {
-  margin-top: 0px;
+.page_body_contents > div:has(.xbzzeo0) {
+  margin-top: -3.5rem;
 }
 .xbzzeo1 {
   max-width: 88.2rem;

package/dist/assets/globals.css

@@ -32,6 +32,17 @@ li p, p:last-child, p:only-child {
 .section_spacer {
   margin-top: 3.5rem;
 }
+.page_body_contents {
+  display: flex;
+  flex-direction: column;
+  gap: 3.5rem;
+}
+span#personalized-refi-table:has(*) {
+  margin-bottom: 3.5rem;
+}
+.page_body_contents > div:first-child > .billboard {
+  margin-top: 3.5rem;
+}
 .flex, [class*='flex_'] {
   display: flex;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.67",
+  "version": "1.0.100-dev.68",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",