@axos-web-dev/shared-components 0.0.18 → 0.0.19

package/dist/Button/Button.css.d.ts

@@ -60,6 +60,16 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
         };
         large: {
             padding: "12px 64px";
+            selectors: {};
+            "@media": {
+                "screen and (max-width: 280px)": {
+                    padding: "12px 8px";
+                    fontSize: number;
+                };
+                "screen and (max-width: 370px)": {
+                    padding: "11px 1.5rem";
+                };
+            };
         };
     };
     disabled: {

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -2,13 +2,27 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { footerContent, footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: clsx(footerContent, props.className), style: props.style, children: props.children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(footerContent, props.className, "containment"),
+      style: props.style,
+      children: props.children
+    }
+  );
 };
 const FooterParagraph = (props) => {
   return /* @__PURE__ */ jsx("div", { className: clsx(footerParagraph, props.className), style: props.style, children: props.children });
 };
 const FooterIcons = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: clsx(iconsContent, props.className), style: props.style, children: props.children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(iconsContent, props.className, "containment"),
+      style: props.style,
+      children: props.children
+    }
+  );
 };
 const FooterDisclosure = (props) => {
   return /* @__PURE__ */ jsx(

package/dist/FooterDisclosure/index.d.ts

@@ -1,2 +1,2 @@
-export { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent, } from './FooterDisclosure.css';
-export { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph, } from './FooterDisclosure';
+export * from './FooterDisclosure.css';
+export * from './FooterDisclosure';

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,56 +1,56 @@
-const header = "_header_n9jyn_1";
-const wrapper = "_wrapper_n9jyn_5";
-const header_main_row = "_header_main_row_n9jyn_11";
-const mobile_header = "_mobile_header_n9jyn_12";
-const logo_wrap = "_logo_wrap_n9jyn_18";
-const primary_links = "_primary_links_n9jyn_22";
-const main_nav_link = "_main_nav_link_n9jyn_26";
-const sub_nav_link = "_sub_nav_link_n9jyn_48";
-const signin_wrap = "_signin_wrap_n9jyn_50";
-const signin_btn = "_signin_btn_n9jyn_51";
-const sub_nav = "_sub_nav_n9jyn_48";
-const header_sub_row = "_header_sub_row_n9jyn_93";
-const signin_dropdown = "_signin_dropdown_n9jyn_109";
-const shadow = "_shadow_n9jyn_119";
-const signin_header = "_signin_header_n9jyn_127";
-const signin_subheader = "_signin_subheader_n9jyn_134";
-const opacity = "_opacity_n9jyn_156";
-const fadeInDown = "_fadeInDown_n9jyn_1";
-const footer = "_footer_n9jyn_162";
-const open = "_open_n9jyn_178";
-const dd_wrapper = "_dd_wrapper_n9jyn_190";
-const dd_media = "_dd_media_n9jyn_195";
-const dd_media_img = "_dd_media_img_n9jyn_200";
-const dd_site_navs = "_dd_site_navs_n9jyn_204";
-const dd_media_header = "_dd_media_header_n9jyn_211";
-const mt_8 = "_mt_8_n9jyn_220";
-const mt_16 = "_mt_16_n9jyn_224";
-const ml_8 = "_ml_8_n9jyn_228";
-const dd_media_cta = "_dd_media_cta_n9jyn_232";
-const reversed_row = "_reversed_row_n9jyn_246";
-const headline = "_headline_n9jyn_262";
-const nav_anchor = "_nav_anchor_n9jyn_268";
-const headline_cta = "_headline_cta_n9jyn_276";
-const site_lists = "_site_lists_n9jyn_291";
-const hamburger = "_hamburger_n9jyn_326";
-const mobile_only = "_mobile_only_n9jyn_340";
-const mobile_logo = "_mobile_logo_n9jyn_346";
-const highlight = "_highlight_n9jyn_351";
-const mobile_nav = "_mobile_nav_n9jyn_385";
-const mobile_opened = "_mobile_opened_n9jyn_395";
-const mobile_nav_item = "_mobile_nav_item_n9jyn_400";
-const has_dropdown = "_has_dropdown_n9jyn_415";
-const icon_wrap = "_icon_wrap_n9jyn_436";
-const mobile_footer = "_mobile_footer_n9jyn_441";
-const mobile_footer_content = "_mobile_footer_content_n9jyn_447";
-const mobile_footer_media = "_mobile_footer_media_n9jyn_461";
-const footer_cta = "_footer_cta_n9jyn_467";
-const inner_wrapper = "_inner_wrapper_n9jyn_495";
-const btn = "_btn_n9jyn_500";
-const sub_menu = "_sub_menu_n9jyn_505";
-const main = "_main_n9jyn_26";
-const dd_footer = "_dd_footer_n9jyn_530";
-const desktop_only = "_desktop_only_n9jyn_549";
+const header = "_header_1en9p_1";
+const wrapper = "_wrapper_1en9p_5";
+const header_main_row = "_header_main_row_1en9p_11";
+const mobile_header = "_mobile_header_1en9p_12";
+const logo_wrap = "_logo_wrap_1en9p_18";
+const primary_links = "_primary_links_1en9p_22";
+const main_nav_link = "_main_nav_link_1en9p_26";
+const sub_nav_link = "_sub_nav_link_1en9p_48";
+const signin_wrap = "_signin_wrap_1en9p_50";
+const signin_btn = "_signin_btn_1en9p_51";
+const sub_nav = "_sub_nav_1en9p_48";
+const header_sub_row = "_header_sub_row_1en9p_93";
+const signin_dropdown = "_signin_dropdown_1en9p_109";
+const shadow = "_shadow_1en9p_119";
+const signin_header = "_signin_header_1en9p_127";
+const signin_subheader = "_signin_subheader_1en9p_134";
+const opacity = "_opacity_1en9p_156";
+const fadeInDown = "_fadeInDown_1en9p_1";
+const footer = "_footer_1en9p_162";
+const open = "_open_1en9p_178";
+const dd_wrapper = "_dd_wrapper_1en9p_190";
+const dd_media = "_dd_media_1en9p_195";
+const dd_media_img = "_dd_media_img_1en9p_200";
+const dd_site_navs = "_dd_site_navs_1en9p_204";
+const dd_media_header = "_dd_media_header_1en9p_211";
+const mt_8 = "_mt_8_1en9p_220";
+const mt_16 = "_mt_16_1en9p_224";
+const ml_8 = "_ml_8_1en9p_228";
+const dd_media_cta = "_dd_media_cta_1en9p_232";
+const reversed_row = "_reversed_row_1en9p_246";
+const headline = "_headline_1en9p_262";
+const nav_anchor = "_nav_anchor_1en9p_268";
+const headline_cta = "_headline_cta_1en9p_276";
+const site_lists = "_site_lists_1en9p_291";
+const hamburger = "_hamburger_1en9p_326";
+const mobile_only = "_mobile_only_1en9p_340";
+const mobile_logo = "_mobile_logo_1en9p_346";
+const highlight = "_highlight_1en9p_351";
+const mobile_nav = "_mobile_nav_1en9p_385";
+const mobile_opened = "_mobile_opened_1en9p_395";
+const mobile_nav_item = "_mobile_nav_item_1en9p_400";
+const has_dropdown = "_has_dropdown_1en9p_415";
+const icon_wrap = "_icon_wrap_1en9p_436";
+const mobile_footer = "_mobile_footer_1en9p_441";
+const mobile_footer_content = "_mobile_footer_content_1en9p_447";
+const mobile_footer_media = "_mobile_footer_media_1en9p_461";
+const footer_cta = "_footer_cta_1en9p_467";
+const inner_wrapper = "_inner_wrapper_1en9p_495";
+const btn = "_btn_1en9p_500";
+const sub_menu = "_sub_menu_1en9p_505";
+const main = "_main_1en9p_26";
+const dd_footer = "_dd_footer_1en9p_530";
+const desktop_only = "_desktop_only_1en9p_549";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -174,7 +174,7 @@ function NavBar() {
                     id: "signin-drop-menu",
                     children: [
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
-                        /* @__PURE__ */ jsx("a", { href: "#", className: styles.signin_header, children: "Personal" }),
+                        /* @__PURE__ */ jsx("span", { className: styles.signin_header, children: "Personal" }),
                         /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
                           "a",
                           {
@@ -185,7 +185,7 @@ function NavBar() {
                         ) }) })
                       ] }),
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
-                        /* @__PURE__ */ jsx("a", { href: "#", className: `${styles.signin_header}`, children: "Business" }),
+                        /* @__PURE__ */ jsx("span", { className: `${styles.signin_header}`, children: "Business" }),
                         /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
                           "a",
                           {
@@ -197,9 +197,8 @@ function NavBar() {
                       ] }),
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
                         /* @__PURE__ */ jsx(
-                          "a",
+                          "span",
                           {
-                            href: "#",
                             role: "menuitem",
                             className: `${styles.signin_header}`,
                             children: "Advisors"
@@ -213,21 +212,7 @@ function NavBar() {
                             children: "Advisor Login"
                           }
                         ) }) })
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        "li",
-                        {
-                          className: `${styles.signin_subheader} ${styles.footer} relative`,
-                          children: /* @__PURE__ */ jsx(
-                            "a",
-                            {
-                              href: "{AXOSBANK}/Return-to-Application",
-                              role: "menuitem",
-                              children: "Return to Application"
-                            }
-                          )
-                        }
-                      )
+                      ] })
                     ]
                   }
                 ) })
@@ -377,6 +362,15 @@ function NavBar() {
               }
             ) }),
             /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx("a", { href: "/rias", role: "button", className: "flex_row between", children: "RIAs" }) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/resources",
+                role: "button",
+                className: "flex_row between",
+                children: "Resources"
+              }
+            ) }),
             /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
               "a",
               {

package/dist/VideoTile/VideoTile.css.js

@@ -1,6 +1,6 @@
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
-/* empty css                                          */
 /* empty css                             */
 var show = "_16puo4g0";
 var video_title = "_16puo4g1";

package/dist/VideoTile/VideoTile.js

@@ -29,13 +29,13 @@ const VideoTile = ({
   };
   return /* @__PURE__ */ jsxs("div", { id: `id_${id}`, className: `flex center`, children: [
     /* @__PURE__ */ jsx(VideoInit, {}),
-    /* @__PURE__ */ jsxs("div", { className: `containment ${video_container} flex flex_col`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `containment ${video_container} flex_col`, children: [
       title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
       /* @__PURE__ */ jsx(
         "div",
         {
           id: "",
-          className: `${mb_8} ${vidyard_height} vidyard-player-container rounded`,
+          className: `${mb_8} ${vidyard_height} vidyard-player-container rounded bordered`,
           "data-uuid": videoId,
           children: /* @__PURE__ */ jsx(
             "img",

package/dist/VideoWrapper/VideoWrapper.css.d.ts

@@ -1,2 +1,3 @@
+export declare const grid_wrapper: string;
 export declare const grid_2: string;
 export declare const grid_3: string;

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,7 +1,9 @@
 /* empty css                                */
-var grid_2 = "_2i5u4u0";
-var grid_3 = "_2i5u4u1";
+var grid_wrapper = "_2i5u4u0";
+var grid_2 = "_2i5u4u1";
+var grid_3 = "_2i5u4u2";
 export {
   grid_2,
-  grid_3
+  grid_3,
+  grid_wrapper
 };

package/dist/VideoWrapper/index.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "next/script.js";
 import { VideoTile } from "../VideoTile/VideoTile.js";
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
-/* empty css                                          */
 /* empty css                                        */
-import { grid_3, grid_2 } from "./VideoWrapper.css.js";
+import { grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,
   videoTiles,
@@ -17,24 +17,29 @@ const VideoWrapper = ({
     {
       id: `id_${id}`,
       style: backgroundColor ? { backgroundColor } : {},
-      className: "containment",
-      children: /* @__PURE__ */ jsxs("section", { children: [
+      children: /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
         /* @__PURE__ */ jsx("div", { className: "section_header", children: /* @__PURE__ */ jsx("h2", { className: "header_1", children: title }) }),
-        /* @__PURE__ */ jsx("div", { className: `${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`, children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-          VideoTile,
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            id: videoItem.id,
-            title: videoItem == null ? void 0 : videoItem.title,
-            videoId: videoItem == null ? void 0 : videoItem.videoId,
-            thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
-            displayType: videoItem == null ? void 0 : videoItem.displayType,
-            maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
-            videoPlayer: videoItem.displayType,
-            transcript: videoItem == null ? void 0 : videoItem.transcript
-          },
-          index
-        ) })) })
-      ] })
+            className: `${grid_wrapper} ${videoTiles.length % 3 === 0 ? grid_3 : grid_2}`,
+            children: videoTiles == null ? void 0 : videoTiles.map((videoItem, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+              VideoTile,
+              {
+                id: videoItem.id,
+                title: videoItem == null ? void 0 : videoItem.title,
+                videoId: videoItem == null ? void 0 : videoItem.videoId,
+                thumbnailImage: videoItem == null ? void 0 : videoItem.thumbnailImage,
+                displayType: videoItem == null ? void 0 : videoItem.displayType,
+                maxWidth: (videoItem == null ? void 0 : videoItem.maxWidth) || "588px",
+                videoPlayer: videoItem.displayType,
+                transcript: videoItem == null ? void 0 : videoItem.transcript
+              },
+              index
+            ) }))
+          }
+        )
+      ] }) })
     },
     id
   );

package/dist/assets/Button/Button.css

@@ -6,9 +6,9 @@
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
   transition-duration: 0.15s;
-  -webkit-transition-property: color,background-color,border-color;
-  -o-transition-property: color,background-color,border-color;
-  transition-property: color,background-color,border-color;
+  -webkit-transition-property: color,background-color,border-color,width;
+  -o-transition-property: color,background-color,border-color,width;
+  transition-property: color,background-color,border-color,width;
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
@@ -134,4 +134,15 @@
 ._13pdpuji {
   height: 28px;
   padding: 4px 32px 4px 32px;
+}
+@media screen and (max-width: 280px) {
+  ._13pdpuj7 {
+    padding: 12px 8px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 370px) {
+  ._13pdpuj7 {
+    padding: 11px 1.5rem;
+  }
 }

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -30,6 +30,7 @@ details[open] .ph6wj62 {
   padding-bottom: 12px;
 }
 .ph6wj63 {
+  font-size: 18px;
   max-width: 80%;
   list-style: none;
   text-overflow: ellipsis;
@@ -41,7 +42,15 @@ details[open] .ph6wj62 {
   background-color: #F4F4F4;
   padding-top: 0;
 }
-.ph6wj64 ul, .ph6wj64 ol  {
-  margin-block: 1rem;
-  margin-inline-start: 3rem;
+.ph6wj64 li + li {
+  margin-top: 7px;
+}
+.ph6wj64 ol {
+  padding-bottom: 1rem;
+}
+.ph6wj64 ul {
+  padding-bottom: 1rem;
+}
+details summary::-webkit-details-marker {
+  display: none;
 }

package/dist/assets/FooterDisclosure/FooterDisclosure.css

@@ -1,7 +1,7 @@
 ._1a6b3vu0 {
   color: #ffffff;
   background-color: #4A5560;
-  padding: 32px 24px;
+  padding: 32px 0;
   width: 100%;
 }
 ._1a6b3vu1 {
@@ -23,14 +23,8 @@
 ._1a6b3vu4:hover {
   opacity: 0.8;
 }
-@media screen and (min-width: 1280px) {
-  ._1a6b3vu0 {
-    padding-inline: 40px;
-  }
-}
 @media screen and (min-width: 1920px) {
   ._1a6b3vu0 {
-    padding-inline: 360px;
     padding-top: 32px;
     padding-bottom: 32px;
   }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -36,7 +36,6 @@
   max-width: 604px;
   max-height: 510px;
   object-fit: cover;
-  aspect-ratio: 1 / 1;
 }
 ._1ye8k3fb {
   display: block;

package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css

@@ -1,43 +1,43 @@
-._header_n9jyn_1 {
+._header_1en9p_1 {
   border-bottom: 1px solid #ebebeb;
 }
 
-._wrapper_n9jyn_5 {
+._wrapper_1en9p_5 {
   width: calc(100% - 80px);
   margin-left: auto;
   margin-right: auto;
 }
 
-._header_main_row_n9jyn_11,
-._mobile_header_n9jyn_12 {
+._header_main_row_1en9p_11,
+._mobile_header_1en9p_12 {
   min-height: 80px;
   padding-top: 1rem;
   padding-bottom: 0.5rem;
 }
 
-._logo_wrap_n9jyn_18 {
+._logo_wrap_1en9p_18 {
   padding: 9px 6px;
 }
 
-._primary_links_n9jyn_22 {
+._primary_links_1en9p_22 {
   margin-left: 30px;
 }
 
-._main_nav_link_n9jyn_26 {
+._main_nav_link_1en9p_26 {
   padding: 10px 8px;
   text-align: center;
 }
 
-._main_nav_link_n9jyn_26 .active {
+._main_nav_link_1en9p_26 .active {
   border-color: currentColor;
   transition: border-color 0.5s ease;
 }
 
-._main_nav_link_n9jyn_26 .active {
+._main_nav_link_1en9p_26 .active {
   font-weight: 700;
 }
 
-._main_nav_link_n9jyn_26 > a {
+._main_nav_link_1en9p_26 > a {
   color: #1e3860;
   display: inline-block;
   font-size: 16px;
@@ -45,26 +45,26 @@
   border-bottom: 4px solid transparent;
 }
 
-._sub_nav_link_n9jyn_48 a,
-._main_nav_link_n9jyn_26 a,
-._signin_wrap_n9jyn_50 a,
-._signin_btn_n9jyn_51 {
+._sub_nav_link_1en9p_48 a,
+._main_nav_link_1en9p_26 a,
+._signin_wrap_1en9p_50 a,
+._signin_btn_1en9p_51 {
   text-decoration: none;
   transition: opacity 0.3s ease;
 }
 
-._sub_nav_link_n9jyn_48:hover,
-._main_nav_link_n9jyn_26 a:hover,
-._signin_wrap_n9jyn_50 a:hover {
+._sub_nav_link_1en9p_48:hover,
+._main_nav_link_1en9p_26 a:hover,
+._signin_wrap_1en9p_50 a:hover {
   opacity: 0.8;
 }
 
-._signin_wrap_n9jyn_50 .link {
+._signin_wrap_1en9p_50 .link {
   text-decoration: none;
   padding: 8px;
 }
 
-._signin_btn_n9jyn_51 {
+._signin_btn_1en9p_51 {
   border: none;
   color: #fff;
   padding: 11px 24px;
@@ -76,37 +76,37 @@
   cursor: pointer;
 }
 
-._signin_btn_n9jyn_51:hover {
+._signin_btn_1en9p_51:hover {
   color: var(--colors-primary-textButton__1073cm85);
   background-color: var(--colors-primary-backgroundButton__1073cm86);
   opacity: 0.9;
 }
 
-._signin_btn_n9jyn_51 > span {
+._signin_btn_1en9p_51 > span {
   margin-right: 8px;
 }
 
-._sub_nav_n9jyn_48 {
+._sub_nav_1en9p_48 {
   background-color: var(--primary-theme-color);
 }
 
-._header_sub_row_n9jyn_93 {
+._header_sub_row_1en9p_93 {
   padding-block: 12px;
   min-height: 48px;
 }
 
-._sub_nav_link_n9jyn_48 {
+._sub_nav_link_1en9p_48 {
   padding-inline: 1rem;
   text-align: center;
   color: #fff;
 }
 
-._sub_nav_link_n9jyn_48 a {
+._sub_nav_link_1en9p_48 a {
   font-weight: 500;
   line-height: 1.5;
 }
 
-._signin_dropdown_n9jyn_109 {
+._signin_dropdown_1en9p_109 {
   min-width: 288px;
   padding: 1.5rem 1rem;
   position: absolute;
@@ -116,32 +116,32 @@
   display: none;
 }
 
-._shadow_n9jyn_119 {
+._shadow_1en9p_119 {
   box-shadow: 0px 8px 16px 0px rgba(30, 38, 47, 0.2);
 }
 
-._signin_dropdown_n9jyn_109 li[role="heading"] {
+._signin_dropdown_1en9p_109 li[role="heading"] {
   margin-top: 1px;
 }
 
-._signin_header_n9jyn_127 {
+._signin_header_1en9p_127 {
   color: #323339;
   font-weight: 700;
   padding: 0.5rem 1rem;
   text-align: left;
 }
 
-._signin_subheader_n9jyn_134 {
+._signin_subheader_1en9p_134 {
   color: #2f5b88;
   padding: 0.5rem 0.5rem 0.5rem 1.5rem;
 }
 
-._signin_header_n9jyn_127,
-._signin_subheader_n9jyn_134 a {
+._signin_header_1en9p_127,
+._signin_subheader_1en9p_134 a {
   line-height: 1.5;
 }
 
-@keyframes _fadeInDown_n9jyn_1 {
+@keyframes _fadeInDown_1en9p_1 {
   from {
     opacity: 0;
     transform: translate3d(0, -1%, 0);
@@ -153,18 +153,18 @@
   }
 }
 
-._opacity_n9jyn_156 {
+._opacity_1en9p_156 {
   animation-duration: 0.5s;
   animation-fill-mode: both;
-  animation-name: _fadeInDown_n9jyn_1;
+  animation-name: _fadeInDown_1en9p_1;
 }
 
-._footer_n9jyn_162 {
+._footer_1en9p_162 {
   margin-top: 0.5rem;
   padding-top: 1rem;
 }
 
-._footer_n9jyn_162::before {
+._footer_1en9p_162::before {
   content: "";
   background-color: #8f8f8f;
   height: 2px;
@@ -175,61 +175,61 @@
   width: 94%;
 }
 
-._open_n9jyn_178 {
+._open_1en9p_178 {
   opacity: 0.8;
 }
 
-._open_n9jyn_178 > svg {
+._open_1en9p_178 > svg {
   transform: scaleY(-1);
 }
 
-._open_n9jyn_178 + ._signin_dropdown_n9jyn_109 {
+._open_1en9p_178 + ._signin_dropdown_1en9p_109 {
   display: block;
 }
 
-._dd_wrapper_n9jyn_190 {
+._dd_wrapper_1en9p_190 {
   z-index: 1203;
   max-width: 1440px;
 }
 
-._dd_media_n9jyn_195 {
+._dd_media_1en9p_195 {
   padding: 1.5rem;
   width: 280px;
 }
 
-._dd_media_img_n9jyn_200 {
+._dd_media_img_1en9p_200 {
   min-height: 232px;
 }
 
-._dd_site_navs_n9jyn_204 {
+._dd_site_navs_1en9p_204 {
   flex: 1 1 0%;
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
 }
 
-._dd_media_header_n9jyn_211 p {
+._dd_media_header_1en9p_211 p {
   font-size: 14px;
   line-height: 1.42;
 }
 
-._dd_media_header_n9jyn_211 p[role="heading"] {
+._dd_media_header_1en9p_211 p[role="heading"] {
   font: 600 1.25rem/ 1.4 var(--header-font-family);
 }
 
-._mt_8_n9jyn_220 {
+._mt_8_1en9p_220 {
   margin-top: 8px;
 }
 
-._mt_16_n9jyn_224 {
+._mt_16_1en9p_224 {
   margin-top: 1rem;
 }
 
-._ml_8_n9jyn_228 {
+._ml_8_1en9p_228 {
   margin-left: 8px;
 }
 
-._dd_media_cta_n9jyn_232 > a {
+._dd_media_cta_1en9p_232 > a {
   border-radius: 8px;
   color: #1e3860 !important;
   display: inline-block;
@@ -243,29 +243,29 @@
   border: 2px solid transparent;
 }
 
-._reversed_row_n9jyn_246 {
+._reversed_row_1en9p_246 {
   flex-direction: row-reverse;
 }
 
-._dd_media_cta_n9jyn_232 > a:hover {
+._dd_media_cta_1en9p_232 > a:hover {
   background-color: transparent;
   border-color: #fff;
   color: #fff;
 }
 
-._dd_media_cta_n9jyn_232 > a:active {
+._dd_media_cta_1en9p_232 > a:active {
   background-color: #fff;
   border-color: transparent;
   color: #1e3860 !important;
 }
 
-._headline_n9jyn_262 > p {
+._headline_1en9p_262 > p {
   font: 600 1.5rem / 1.33 var(--header-font-family);
   flex: 1 1 0%;
   color: #1e3860;
 }
 
-._nav_anchor_n9jyn_268 {
+._nav_anchor_1en9p_268 {
   width: 1.5rem;
   height: 1.5rem;
   aspect-ratio: 1;
@@ -273,26 +273,26 @@
   border-radius: 8px;
 }
 
-._headline_cta_n9jyn_276 {
+._headline_cta_1en9p_276 {
   margin-left: 8px;
 }
 
-._headline_cta_n9jyn_276 > a {
+._headline_cta_1en9p_276 > a {
   font-weight: 700;
   line-height: 1.5;
   text-decoration: none;
   color: #1e3860;
 }
 
-._sub_nav_link_n9jyn_48:hover,
-._signin_wrap_n9jyn_50 a:hover,
-._main_nav_link_n9jyn_26 a:not(.active):hover,
-._dd_site_navs_n9jyn_204 a:hover,
-._site_lists_n9jyn_291 a:hover {
+._sub_nav_link_1en9p_48:hover,
+._signin_wrap_1en9p_50 a:hover,
+._main_nav_link_1en9p_26 a:not(.active):hover,
+._dd_site_navs_1en9p_204 a:hover,
+._site_lists_1en9p_291 a:hover {
   text-decoration: underline;
 }
 
-._dd_site_navs_n9jyn_204 hr {
+._dd_site_navs_1en9p_204 hr {
   border-style: solid;
   border-width: 1px;
   color: #a0aab3;
@@ -301,29 +301,29 @@
   position: relative;
 }
 
-._site_lists_n9jyn_291 {
+._site_lists_1en9p_291 {
   padding-bottom: 1.5rem;
 }
 
-._site_lists_n9jyn_291 > * {
+._site_lists_1en9p_291 > * {
   width: 100%;
 }
 
-._site_lists_n9jyn_291 a {
+._site_lists_1en9p_291 a {
   color: #323339;
   text-decoration: none;
 }
 
-._site_lists_n9jyn_291 [role="heading"] {
+._site_lists_1en9p_291 [role="heading"] {
   color: #1e3860;
   font-weight: 700;
 }
 
-._site_lists_n9jyn_291 li + li {
+._site_lists_1en9p_291 li + li {
   margin-top: 8px;
 }
 
-._hamburger_n9jyn_326 {
+._hamburger_1en9p_326 {
   background: transparent;
   border: none;
   font-size: 0px;
@@ -331,30 +331,30 @@
   outline: none;
 }
 
-._hamburger_n9jyn_326:hover,
-._mobile_header_n9jyn_12 button:hover {
+._hamburger_1en9p_326:hover,
+._mobile_header_1en9p_12 button:hover {
   cursor: pointer;
   opacity: 0.8;
 }
 
-._signin_wrap_n9jyn_50 > ._mobile_only_n9jyn_340 > a {
+._signin_wrap_1en9p_50 > ._mobile_only_1en9p_340 > a {
   color: #4a5560;
   padding: 0;
   line-height: 1;
 }
 
-._mobile_logo_n9jyn_346 {
+._mobile_logo_1en9p_346 {
   flex: 1 1 0%;
   text-align: center;
 }
 
-._highlight_n9jyn_351 > a {
+._highlight_1en9p_351 > a {
   color: #2f5b88;
   font-weight: 700;
 }
 
 @media (max-width: 1121px) {
-  ._mobile_logo_n9jyn_346 {
+  ._mobile_logo_1en9p_346 {
     position: absolute;
     transform: translateX(-50%);
     left: 50%;
@@ -362,18 +362,18 @@
   }
 }
 
-._mobile_header_n9jyn_12 {
+._mobile_header_1en9p_12 {
   padding-bottom: 1rem;
   display: grid;
   place-items: center;
   border-bottom: 1px solid #ebebeb;
 }
 
-._mobile_header_n9jyn_12 p {
+._mobile_header_1en9p_12 p {
   font: 400 20px / 1.3 var(--header-font-family);
 }
 
-._mobile_header_n9jyn_12 button {
+._mobile_header_1en9p_12 button {
   background: none;
   border: none;
   position: absolute;
@@ -382,7 +382,7 @@
   transform: translateY(-50%);
 }
 
-._mobile_nav_n9jyn_385 {
+._mobile_nav_1en9p_385 {
   border-right: 1px solid #ebebeb;
   left: -100%;
   min-height: 100vh;
@@ -392,17 +392,17 @@
   width: 100%;
 }
 
-._mobile_opened_n9jyn_395 {
+._mobile_opened_1en9p_395 {
   left: 0%;
   z-index: 999;
 }
 
-._mobile_nav_item_n9jyn_400 {
-  background-color: #fff;
+._mobile_nav_item_1en9p_400 {
+  background-color: #f4f4f4;
   border-bottom: 1px solid #ebebeb;
 }
 
-._mobile_nav_item_n9jyn_400 > a {
+._mobile_nav_item_1en9p_400 > a {
   color: #323339;
   display: flex;
   font-weight: 700;
@@ -412,13 +412,13 @@
   width: 100%;
 }
 
-._mobile_nav_item_n9jyn_400._has_dropdown_n9jyn_415 {
+._mobile_nav_item_1en9p_400._has_dropdown_1en9p_415 {
   background-color: #f4f4f4;
   isolation: isolate;
   position: relative;
 }
 
-._mobile_nav_item_n9jyn_400._has_dropdown_n9jyn_415::before {
+._mobile_nav_item_1en9p_400._has_dropdown_1en9p_415::before {
   content: "";
   background-color: #ebebeb;
   height: 100%;
@@ -429,28 +429,28 @@
   z-index: -1;
 }
 
-._mobile_nav_item_n9jyn_400._has_dropdown_n9jyn_415 > a {
+._mobile_nav_item_1en9p_400._has_dropdown_1en9p_415 > a {
   color: #1e3860;
 }
 
-._icon_wrap_n9jyn_436 {
+._icon_wrap_1en9p_436 {
   line-height: 1;
   height: 24px;
 }
 
-._mobile_footer_n9jyn_441 {
+._mobile_footer_1en9p_441 {
   position: fixed;
   bottom: 0;
   width: 100%;
 }
 
-._mobile_footer_content_n9jyn_447 {
+._mobile_footer_content_1en9p_447 {
   background-color: #f4f4f4;
   flex: 1 1 0%;
   padding: 16px 24px 16px 40px;
 }
 
-._mobile_footer_content_n9jyn_447 p {
+._mobile_footer_content_1en9p_447 p {
   line-height: 1.5;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -458,17 +458,17 @@
   -webkit-line-clamp: 2;
 }
 
-._mobile_footer_media_n9jyn_461 {
+._mobile_footer_media_1en9p_461 {
   flex-basis: 42%;
   background: url("https://images.axos.com/o9ov1v03uwqk/7ate9BSYQwX7C90HBTnGAD/88abd5ba41a63dbdea77bcb09a683432/mobile-ad.jpg")
     no-repeat center center / cover;
 }
 
-._footer_cta_n9jyn_467 {
+._footer_cta_1en9p_467 {
   margin-top: 3px;
 }
 
-._footer_cta_n9jyn_467 a {
+._footer_cta_1en9p_467 a {
   border-radius: 4px;
   border: 2px solid transparent;
   color: #fff;
@@ -478,31 +478,31 @@
   text-decoration: none;
 }
 
-._footer_cta_n9jyn_467 a:hover {
+._footer_cta_1en9p_467 a:hover {
   background-color: transparent;
   text-decoration: underline;
 }
 
-._footer_cta_n9jyn_467 a:active {
+._footer_cta_1en9p_467 a:active {
   border-color: transparent;
   color: #fff;
 }
 
-._mobile_footer_n9jyn_441 > .flex_row {
+._mobile_footer_1en9p_441 > .flex_row {
   min-height: 112px;
 }
 
-._inner_wrapper_n9jyn_495 {
+._inner_wrapper_1en9p_495 {
   max-height: calc(100vh - 117px);
   overflow-y: scroll;
 }
 
-._btn_n9jyn_500 {
+._btn_1en9p_500 {
   display: block;
   position: relative;
 }
 
-._sub_menu_n9jyn_505 {
+._sub_menu_1en9p_505 {
   overflow: hidden;
   max-height: 0;
   transition: max-height 0.8s ease-out;
@@ -510,8 +510,8 @@
   overflow-y: scroll;
 }
 
-._sub_menu_n9jyn_505 a,
-._sub_menu_n9jyn_505 span {
+._sub_menu_1en9p_505 a,
+._sub_menu_1en9p_505 span {
   display: block;
   padding: 12px 14px 12px 64px;
   position: relative;
@@ -519,15 +519,15 @@
   text-decoration: none;
 }
 
-._sub_menu_n9jyn_505 ._main_n9jyn_26 {
+._sub_menu_1en9p_505 ._main_1en9p_26 {
   font-weight: 700;
 }
 
-._sub_menu_n9jyn_505 a + a {
+._sub_menu_1en9p_505 a + a {
   border-top: 1px solid #ebebeb;
 }
 
-._dd_footer_n9jyn_530 {
+._dd_footer_1en9p_530 {
   justify-content: flex-end;
   flex: 1 1 0%;
   align-items: end;
@@ -536,51 +536,51 @@
 }
 
 @media (max-width: 1280px) and (min-width: 1121px) {
-  ._wrapper_n9jyn_5 {
+  ._wrapper_1en9p_5 {
     width: calc(100% - 28px);
   }
 
-  ._dd_wrapper_n9jyn_190 > ._wrapper_n9jyn_5 {
+  ._dd_wrapper_1en9p_190 > ._wrapper_1en9p_5 {
     width: 100%;
   }
 }
 
 @media (max-width: 1120px) {
-  ._desktop_only_n9jyn_549 {
+  ._desktop_only_1en9p_549 {
     display: none !important;
   }
 }
 
 @media (max-width: 768px) {
-  ._wrapper_n9jyn_5 {
+  ._wrapper_1en9p_5 {
     width: calc(100% - 48px);
   }
 
-  ._mobile_header_n9jyn_12 button {
+  ._mobile_header_1en9p_12 button {
     right: 1.5rem;
   }
 
-  ._mobile_nav_item_n9jyn_400 > a {
+  ._mobile_nav_item_1en9p_400 > a {
     padding: 16px 24px;
   }
 
-  ._sub_menu_n9jyn_505 a,
-  ._sub_menu_n9jyn_505 span {
+  ._sub_menu_1en9p_505 a,
+  ._sub_menu_1en9p_505 span {
     padding-left: 48px;
   }
 
-  ._mobile_nav_item_n9jyn_400._has_dropdown_n9jyn_415::before {
+  ._mobile_nav_item_1en9p_400._has_dropdown_1en9p_415::before {
     right: 72px;
   }
 
-  ._mobile_footer_content_n9jyn_447 {
+  ._mobile_footer_content_1en9p_447 {
     padding-right: 15px;
     padding-left: 24px;
   }
 }
 
 @media (max-width: 450px) {
-  ._footer_cta_n9jyn_467 a {
+  ._footer_cta_1en9p_467 a {
     white-space: break-spaces;
     width: 100%;
     text-align: center;
@@ -588,7 +588,7 @@
 }
 
 @media (min-width: 1121px) {
-  ._mobile_only_n9jyn_340 {
+  ._mobile_only_1en9p_340 {
     display: none !important;
   }
 }

package/dist/assets/TextBlock/TextBlock.css

@@ -10,5 +10,4 @@
 ._16g7rvn2 {
   margin: 1em 0;
   padding-left: 1.5em;
-  list-style: auto !important;
 }

package/dist/assets/VideoTile/VideoTile.css

@@ -61,4 +61,9 @@
   ._16puo4g4 {
     grid-column: span 12!important;
   }
+}
+@media screen and (min-width:1024px) {
+  ._16puo4g4 {
+    width: 100%;
+  }
 }

package/dist/assets/VideoWrapper/VideoWrapper.css

@@ -1,16 +1,19 @@
 ._2i5u4u0 {
   display: grid;
-  grid-template-columns: repeat(12, 1fr);
+  grid-template-columns: repeat(12,1fr);
   gap: 1.5rem;
 }
-._2i5u4u1 {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: 1.5rem;
-}
-._2i5u4u0 > div {
+._2i5u4u1 > div {
   grid-column: span 6;
 }
-._2i5u4u1 > div {
+._2i5u4u2 > div {
   grid-column: span 4;
+}
+@media (max-width: 1023px) {
+  ._2i5u4u1 > div {
+    grid-column: span 12;
+  }
+  ._2i5u4u2 > div {
+    grid-column: span 12;
+  }
 }

package/dist/assets/globals.css

@@ -33,6 +33,9 @@ body {
 p {
   margin-bottom: 10px;
 }
+li p {
+  margin-bottom: 0;
+}
 p:last-child {
   margin-bottom: 0;
 }
@@ -42,7 +45,8 @@ p:only-child {
 .containment {
   width: min(1200px, calc(100% - 4rem));
   box-sizing: border-box;
-  margin-inline: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 .section_spacer {
   margin-top: 3.5rem;
@@ -226,7 +230,8 @@ hide {
   display: none !important;
 }
 .section_header {
-  margin-inline: auto;
+  margin-left: auto;
+  margin-right: auto;
   margin-bottom: 2.5rem;
   max-width: 49.5rem;
   text-align: center;

package/dist/assets/index.css

@@ -23,9 +23,6 @@ input, button, textarea, select {
 p, h1, h2, h3, h4, h5, h6 {
   overflow-wrap: break-word;
 }
-ul[class], ol[class] {
-  list-style: none;
-}
 #__next  {
   isolation: isolate;
 }

package/dist/main.d.ts

@@ -13,6 +13,7 @@ export * from './FaqAccordion';
 export * from './FooterDisclosure';
 export * from './Forms';
 export * from './HeroBanner';
+export * from './Hyperlink';
 export * from './IconBillboard';
 export * from './ImageBillboard';
 export * from './Input';

package/dist/main.js

@@ -21,6 +21,7 @@ import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { HeroBanner } from "./HeroBanner/index.js";
+import { Hyperlink } from "./Hyperlink/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
@@ -108,6 +109,7 @@ export {
   GlobalContextProvider,
   GoBackButton,
   HeroBanner,
+  Hyperlink,
   IconBillboard,
   IconBillboardSet,
   ImageBillboard,

package/dist/utils/allowedAxosDomains.js

@@ -6,10 +6,12 @@ const moreDomains = {
   "{NATIONWIDE}": "https://www.nationwide.axosbank.com",
   // '{ENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT_URL as string,
   // '{SECENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT2_URL as string,
-  "{ASSETSURL}": "https://assets.ctfassets.net",
-  "{IMAGEASSETSURL}": "https://images.ctfassets.net",
+  "{ASSETSURL}": "https://assets.axos.com",
+  "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
-  "{UFBDIRECT": "https://www.ufbdirect.com"
+  "{UFBDIRECT}": "https://www.ufbdirect.com"
+  // "assets.axos.com": "https://assets.axos.com",
+  // "images.axos.com": "https://images.axos.com",
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/package.json

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