@axos-web-dev/shared-components 1.0.84 → 1.0.86

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -121,6 +121,9 @@ export declare const menuData: {
                 "Non-Profit Money Market": string;
                 "Business CDs": string;
             };
+            Bundles: {
+                "Axos Business Bundle": string;
+            };
             Services: {
                 "Services Home": string;
                 "Merchant Services": string;

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -362,6 +362,11 @@ const menuData = {
           "{AXOSBANK}/business/savings/business-cds"
         )
       },
+      Bundles: {
+        "Axos Business Bundle": findMoreAxosDomains(
+          "{AXOSBANK}/business/axos-business-bundle"
+        )
+      },
       Services: {
         "Services Home": findMoreAxosDomains("{AXOSBANK}/business/services"),
         "Merchant Services": findMoreAxosDomains(

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -2232,6 +2232,38 @@ function SubNavBar() {
                         ) })
                       ] })
                     ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
+                      /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          src: `https://images.axos.com/o9ov1v03uwqk/6bS9epOgzZpJY2jeuepswo/5ee31f624370b44ab1483b537c3fa704/nav-submenu-bundles-icon.svg`,
+                          alt: "",
+                          width: 20,
+                          height: 20
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/business/axos-business-bundle"
+                            ),
+                            role: "heading",
+                            children: "Bundles"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/business/axos-business-bundle"
+                            ),
+                            children: "Axos Business Bundle"
+                          }
+                        ) })
+                      ] })
+                    ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                       /* @__PURE__ */ jsx(
                         Image,

package/dist/assets/IconBillboard/IconBillboard.css

@@ -104,6 +104,9 @@
 ._1r4ovbui > p {
   margin-top: 8px;
 }
+._1r4ovbuj {
+  text-wrap: pretty;
+}
 ._1r4ovbuk {
   background: var(--_1073cm84);
   background-clip: text;

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);
@@ -268,6 +271,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
 .stacked {
   gap: 56px;
 }
+.stacked:first-child {
+  padding-top: 56px;
+}
 .stacked > .billboard {
   grid-column: 1;
 }
@@ -386,6 +392,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 +418,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;
@@ -432,7 +439,7 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
     margin-bottom: 42px;
   }
   ._1m7m2a1e {
-    width: auto;
+    width: min(475px, 100%);
   }
   ._1m7m2a1g {
     width: min(592px, 100%);
@@ -442,6 +449,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 +464,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   .stacked {
     gap: 42px;
   }
+  .stacked:first-child {
+    padding-top: 42px;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 42px;
   }
@@ -471,6 +484,9 @@ main > div:nth-last-child(2) > ._1m7m2a0 {
   .stacked {
     gap: 2rem;
   }
+  .stacked:first-child {
+    padding-top: 2rem;
+  }
   .section_spacer:has(> ._1m7m2ax) {
     padding-block: 2rem;
   }
@@ -544,11 +560,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/package.json

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