@axos-web-dev/shared-components 1.0.77-ext-bal-apy-calc.4 → 1.0.77-patch.11

package/dist/WalnutIframe/wrapper.module.js

@@ -1,6 +1,6 @@
-import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
-const shimmer = "_shimmer_13j22_1";
-const wrapper_control = "_wrapper_control_13j22_39";
+import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_f1tr5_10";
+const shimmer = "_shimmer_f1tr5_1";
+const wrapper_control = "_wrapper_control_f1tr5_39";
 const css = {
   wrapper,
   shimmer,

package/dist/assets/HeroBanner/HeroBanner.css

@@ -106,6 +106,13 @@
 .section_spacer:has(._1ye8k3f6) {
   margin-top: 0;
 }
+._1ye8k3fq {
+  position: relative;
+  text-align: left;
+}
+._1ye8k3fq + ._1ye8k3fq {
+  margin-top: 8px;
+}
 @media screen and (min-width:1024px) {
   ._1ye8k3f7 {
     flex-direction: row-reverse;
@@ -225,4 +232,9 @@
     max-width: 50%;
     width: 50%;
   }
+}
+@media screen and (max-width:432px) {
+  ._1ye8k3fp {
+    padding-left: 20px;
+  }
 }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -97,13 +97,16 @@
 }
 ._1r4ovbui {
   margin-inline: auto;
+  max-width: 1000px;
   padding-block: 2.5rem;
   text-align: center;
-  max-width: 1000px;
 }
 ._1r4ovbui > p {
   margin-top: 8px;
 }
+._1r4ovbuj {
+  text-wrap: pretty;
+}
 ._1r4ovbuk {
   background: var(--_1073cm84);
   background-clip: text;
@@ -148,6 +151,23 @@
 main > div:nth-last-child(2) > ._1r4ovbu0 {
   margin-bottom: 3.5rem;
 }
+._1r4ovbuu {
+  cursor: pointer;
+  position: relative;
+  transform: translateY(0px);
+  transition: all 0.38s ease;
+}
+._1r4ovbuu:hover {
+  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
+  transform: translateY(-4px);
+}
+._1r4ovbuu:active {
+  box-shadow: none;
+  transform: translateY(0px);
+}
+._1r4ovbuu:hover ._1r4ovbuh a {
+  text-decoration: underline;
+}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -48,6 +48,9 @@
 ._18ygy9m5 .billboard {
   width: 100%;
 }
+._1m7m2a8 {
+  display: inline-block;
+}
 ._1073cm80 ._1m7m2a9 {
   -webkit-background-clip: text;
   background-image: var(--_1073cm84);
@@ -125,7 +128,7 @@
   width: 100%;
 }
 ._1m7m2ao {
-  padding: 32px 28px;
+  padding: 32px 40px;
   width: 100%;
   max-width: 50%;
 }
@@ -182,14 +185,17 @@
 ._18ygy9m5 ._1m7m2av {
   min-height: 330px;
 }
+._18ygy9m5:has(> :nth-child(3)) ._1m7m2av {
+  min-height: 216px;
+}
 ._1m7m2ay {
   background: var(--_1073cm8f);
   color: #FFFFFF;
 }
 ._1m7m2az {
-  padding: 1.5rem;
   height: 100%;
   justify-content: center;
+  padding: 1.5rem;
 }
 ._1m7m2a10 {
   color: #fff;
@@ -214,7 +220,7 @@
 ._1m7m2a13 > p {
   white-space: break-spaces;
 }
-main > div:nth-last-child(2) > ._1m7m2a0 {
+main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   margin-bottom: 3.5rem;
 }
 ._1m7m2a15 {
@@ -268,6 +274,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
 .stacked {
   gap: 56px;
 }
+.stacked:first-child {
+  padding-top: 56px;
+}
 .stacked > .billboard {
   grid-column: 1;
 }
@@ -304,7 +313,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
 .section_spacer:has(> ._1m7m2ax) {
   padding-block: 56px;
 }
-.section_spacer:has(> ._1m7m2ax) + .section_spacer:has(> ._1m7m2ax) {
+.section_spacer:has(._1m7m2ax) + .section_spacer:has(._1m7m2ax) {
   margin-top: 0;
 }
 .section_spacer:has(._1m7m2ax) ._1m7m2an {
@@ -386,6 +395,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2ao {
     max-width: 100%;
   }
+  ._1m7m2ax._1m7m2a0 {
+    flex-direction: column-reverse;
+  }
   ._1m7m2a1f {
     display: block;
     padding-top: 85px;
@@ -409,9 +421,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2ax ._1m7m2ao {
     text-align: center;
     padding-inline: 14px;
-  }
-  ._1m7m2ax:not(.reversed) ._1m7m2ao {
-    padding-bottom: 0;
+    padding-block: 0 1.5rem;
   }
   ._1m7m2ax ._1m7m2ao :is(ul,ol) {
     text-align: left;
@@ -428,11 +438,11 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._1m7m2a12 {
     font-size: 20px;
   }
-  main > div:nth-last-child(2) > ._1m7m2a0 {
+  main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
     margin-bottom: 42px;
   }
   ._1m7m2a1e {
-    width: auto;
+    width: min(475px, 100%);
   }
   ._1m7m2a1g {
     width: min(592px, 100%);
@@ -442,6 +452,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     padding: 32px;
     width: min(33rem, calc(100% - 2rem));
   }
+  ._1m7m2a1g .billboard:not(.reversed) {
+    flex-direction: column-reverse;
+  }
   ._1m7m2a1g ._1m7m2aj img {
     object-fit: cover;
   }
@@ -454,6 +467,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   .stacked {
     gap: 42px;
   }
+  .stacked:first-child {
+    padding-top: 42px;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 42px;
   }
@@ -465,12 +481,15 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   ._18ygy9m5 ._1m7m2av {
     min-height: 200px;
   }
-  main > div:nth-last-child(2) > ._1m7m2a0 {
+  main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
     margin-bottom: 2rem;
   }
   .stacked {
     gap: 2rem;
   }
+  .stacked:first-child {
+    padding-top: 2rem;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 2rem;
   }
@@ -494,7 +513,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   }
   ._1m7m2ax.reversed ._1m7m2ao {
     padding-left: 0;
-    padding-right: 28px;
+    padding-right: 40px;
   }
   .stacked > .billboard {
     flex-direction: row;
@@ -544,11 +563,6 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     padding: 48px;
   }
 }
-@media screen and (max-width: 1024px) {
-  ._1m7m2a1g .billboard:not(.reversed) {
-    flex-direction: column-reverse;
-  }
-}
 @media screen and (max-width: 550px) {
   ._1m7m2a1h {
     right: 1.65rem;

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,4 +1,4 @@
-@keyframes _shimmer_13j22_1 {
+@keyframes _shimmer_f1tr5_1 {
   from {
     transform: translateX(-100%);
   }
@@ -7,7 +7,7 @@
   }
 }
 
-._wrapper_13j22_10 {
+._wrapper_f1tr5_10 {
   background: #1e3860;
   border-radius: 8px;
   height: 555px;
@@ -15,11 +15,11 @@
   margin-block: 48px;
 }
 
-section > ._wrapper_13j22_10:first-child {
+section > ._wrapper_f1tr5_10:first-child {
   margin-top: 0 !important;
 }
 
-._wrapper_13j22_10::before {
+._wrapper_f1tr5_10::before {
   content: "";
   position: absolute;
   top: 0;
@@ -32,18 +32,17 @@ section > ._wrapper_13j22_10:first-child {
     rgba(255, 255, 255, 0.5) 50%,
     rgba(255, 255, 255, 0) 80%
   );
-  animation: _shimmer_13j22_1 1.3s infinite linear;
+  animation: _shimmer_f1tr5_1 1.3s infinite linear;
   z-index: -1;
 }
 
-._wrapper_control_13j22_39 {
+._wrapper_control_f1tr5_39 {
   height: 100%;
   width: 100%;
-  overflow-x: scroll;
 }
 
 @media (max-width: 1023px) {
-  ._wrapper_13j22_10 {
+  ._wrapper_f1tr5_10 {
     display: none;
   }
 }

package/dist/main.js

@@ -91,11 +91,11 @@ import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
 import { Hyperlink } from "./Hyperlink/index.js";
-import { Icon, IconBillboard } from "./IconBillboard/IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
+import { IconBillboard } from "./IconBillboard/IconBillboard.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
 import { default as default2 } from "./icons/ArrowIcon/index.js";
 import { default as default3 } from "./icons/AxosX/index.js";
@@ -292,7 +292,6 @@ export {
   GoBackButton,
   HeroBanner,
   Hyperlink,
-  Icon,
   IconBillboard,
   IconBillboardSet,
   ImageBillboard,
@@ -531,9 +530,11 @@ export {
   heroSupertag,
   hero_banner,
   hero_btns,
+  hero_bullet_item,
   hero_content,
   hero_embedded_image,
   hero_img,
+  hero_sub_bullets,
   hero_text,
   hero_wrapper,
   hide,
@@ -580,6 +581,7 @@ export {
   layout,
   li,
   line_points,
+  link_wrapper,
   list,
   listItem,
   logout,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.77-ext-bal-apy-calc.4",
+  "version": "1.0.77-patch.11",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",