@axos-web-dev/shared-components 1.0.5 → 1.0.7

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

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_wsc8a_1";
+const header = "_header_wsc8a_1";
 const wrapper = "_wrapper_wsc8a_5";
 const header_main_row = "_header_main_row_wsc8a_11";
 const mobile_header = "_mobile_header_wsc8a_12";

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

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/AxosFiduciary/NavBar.css.css';const header = "_header_1f737_1";
+const header = "_header_1f737_1";
 const wrapper = "_wrapper_1f737_5";
 const header_main_row = "_header_main_row_1f737_11";
 const mobile_header = "_mobile_header_1f737_12";

package/dist/NavigationMenu/LaVictoire/NavBar.css.js

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/LaVictoire/NavBar.css';/* empty css                          */
+/* empty css                          */
 var expand = "gpiuiy0";
 export {
   expand

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

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/LaVictoire/NavBar.css.css';const header = "_header_1q2xq_1";
+const header = "_header_1q2xq_1";
 const wrapper = "_wrapper_1q2xq_5";
 const header_main_row = "_header_main_row_1q2xq_11";
 const mobile_header = "_mobile_header_1q2xq_12";

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -3,7 +3,7 @@ import "../../Accordion/Accordion.css.js";
 import "react/jsx-runtime";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -115,6 +115,7 @@ const navItemsRaw = [
   { name: "Dealers", url: findMoreAxosDomains("/dealers") },
   { name: "Events", url: findMoreAxosDomains("/events") },
   { name: "Contact", url: findMoreAxosDomains("/contact-us") },
+  { name: "Preapproval", url: findMoreAxosDomains("/apply-now") },
   { name: "Apply Now", url: findMoreAxosDomains("/apply-now") }
 ];
 const subNavItemsRaw = {

package/dist/NavigationMenu/LaVictoire/index.js

@@ -8,7 +8,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Modal/Modal.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -560,7 +560,17 @@ function NavBar() {
                   )
                 ]
               }
-            )
+            ),
+            " ",
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: findMoreAxosDomains("/apply-now"),
+                role: "button",
+                className: `flex_row between ${styles.btn}`,
+                children: "Preapproval"
+              }
+            ) })
           ] }) }),
           /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsx("div", { className: "flex_row between", children: /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_content, children: /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx(Button, { targetUrl: findMoreAxosDomains("/apply-now"), children: "Apply Now" }) }) }) }) })
         ] })

package/dist/PageNavItem/PageNavItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/PageNavItem/PageNavItem.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */

package/dist/PageNavSet/PageNavigationSet.css.js

@@ -1,4 +1,4 @@
-import '../assets/PageNavSet/PageNavigationSet.css';/* empty css                                     */
+/* empty css                                     */
 var nav_wrapper = "_1qd6ohx0";
 var sticky_nav = "_1qd6ohx1";
 export {

package/dist/Pagination/Pagination.css.js

@@ -1,4 +1,4 @@
-import '../assets/Pagination/Pagination.css';/* empty css                              */
+/* empty css                              */
 var pagination_container = "o4qn1i0";
 var active_page = "o4qn1i1";
 var disabled_arrows = "o4qn1i2";

package/dist/Pagination/Pagination.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/SecondaryFooter/SecondaryFooter.css.js

@@ -1,4 +1,4 @@
-import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                   */

package/dist/SetContainer/SetContainer.css.js

@@ -1,4 +1,4 @@
-import '../assets/SetContainer/SetContainer.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                */

package/dist/SetContainer/SetContainer.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -18,9 +18,9 @@ import clsx from "clsx";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
+import "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import "react";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";

package/dist/SocialMediaBar/SocialMediaBar.css.js

@@ -1,4 +1,4 @@
-import '../assets/SocialMediaBar/SocialMediaBar.css';/* empty css                                  */
+/* empty css                                  */
 var smb_section = "nkpt490";
 var smb_wrapper = "nkpt491";
 var padding_in_footer = "nkpt492";

package/dist/SocialMediaBar/iconsRepository.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/StepItem/StepItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/StepItem/StepItem.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,4 +1,4 @@
-import '../assets/StepItemSet/StepItemSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                               */

package/dist/StepItemSet/StepItemSet.js

@@ -5,6 +5,7 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import { LazyImage } from "../utils/lazyImage/lazyImage.js";
 import { StepItem } from "../StepItem/StepItem.js";
 import "../StepItem/StepItem.css.js";
 import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
@@ -57,16 +58,7 @@ const StepItemSet = ({
       image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
         /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
         /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            decoding: "async",
-            "data-nimg": 1,
-            src: `${image?.src}?q=85`,
-            loading: "lazy",
-            alt: ""
-          }
-        )
+        /* @__PURE__ */ jsx(LazyImage, { src: `${image?.src}?q=85`, alt: "" })
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
         StepItem,

package/dist/Tab/Tab.css.js

@@ -1,4 +1,4 @@
-import '../assets/Tab/Tab.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */

package/dist/Table/Table.css.js

@@ -1,4 +1,4 @@
-import '../assets/Table/Table.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                         */

package/dist/Table/Table.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/TextBlock/TextBlock.css.js

@@ -1,4 +1,4 @@
-import '../assets/TextBlock/TextBlock.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                             */

package/dist/TopicalNavItem/TopicalNavItem.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavItem/TopicalNavItem.css';/* empty css                                  */
+/* empty css                                  */
 var picker_navItem = "dmebjx0";
 var picker_itemProduct = "dmebjx1";
 var picker_arrow = "dmebjx2";

package/dist/TopicalNavSet/TopicalNavSet.css.js

@@ -1,4 +1,4 @@
-import '../assets/TopicalNavSet/TopicalNavSet.css';/* empty css                                 */
+/* empty css                                 */
 var picker_section = "xbzzeo0";
 var picker_container = "xbzzeo1";
 var picker_orient = "xbzzeo2";

package/dist/Typography/Typography.css.js

@@ -1,4 +1,4 @@
-import '../assets/Typography/Typography.css';/* empty css                              */
+/* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var headerCssVariable = "var(--header-font-family)";
 var mainCssVariable = "var(--main-font-family)";

package/dist/VideoTile/VideoTile.css.js

@@ -1,4 +1,4 @@
-import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/VideoTile/VideoTile.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/VideoWrapper/VideoWrapper.css.js

@@ -1,4 +1,4 @@
-import '../assets/VideoWrapper/VideoWrapper.css';/* empty css                                */
+/* empty css                                */
 var video_tile_set = "_2i5u4u0";
 var grid_wrapper = "_2i5u4u1";
 var grid_2 = "_2i5u4u2";

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -120,6 +120,16 @@
   ._1tdyl740 .containment {
     padding: 1.5rem 0;
   }
+  ._1tdyl74c h2 {
+    font-size: 20px;
+    line-height: 1.33;
+  }
+  ._1tdyl74c .containment {
+    padding-block: 18px;
+  }
+  ._1tdyl74c ._1tdyl74d {
+    padding-top: 18px;
+  }
 }
 @media screen and (min-width:1024px) {
   ._1tdyl740 .flex {
@@ -140,4 +150,22 @@
   ._1tdyl743 ._1tdyl74d, ._1tdyl744 ._1tdyl74d {
     margin-top: 0;
   }
+}
+@media screen and (max-width:603px) {
+  ._1tdyl74c h2 {
+    font-size: 12px;
+  }
+  ._1tdyl74c .containment {
+    padding-block: 12px;
+  }
+  ._1tdyl74c ._1tdyl74d {
+    padding-top: 12px;
+  }
+  ._1tdyl74c ._13pdpuj6 {
+    padding: 4px 24px;
+  }
+  ._1tdyl74c ._13pdpuj0 {
+    font-size: 14px;
+    line-height: 1.43;
+  }
 }

package/dist/assets/Insight/Featured/Featured.css

@@ -55,22 +55,25 @@
   border: 1px solid #D4D4D4;
   text-decoration: none;
   overflow: hidden;
-  max-height: min(525px, 670px);
+  max-height: 525px;
 }
 ._1sr2o6va {
+  grid-template-rows: 340px 1fr;
+}
+._1sr2o6vb {
   height: 100%;
   object-fit: cover;
   width: 100%;
 }
-._1sr2o6vb {
+._1sr2o6vc {
   padding: 24px;
   color: #333D46;
   font-family: var(--main-font-family);
   min-height: 170px;
 }
-._1sr2o6vc {
-  font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem);
-  line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem);
+._1sr2o6vd {
+  font-size: clamp(1.75rem, 1.269rem + 1.923vw, 2.5rem) !important;
+  line-height: clamp(2.25rem, 1.625rem + 1.667vw, 3.125rem) !important;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 8px;
@@ -81,6 +84,12 @@
   -webkit-line-clamp: 2;
   width: 100%;
 }
+@media screen and (max-width:1024px) {
+  ._1sr2o6vd {
+    font-size: 32px !important;
+    line-height: 46px !important;
+  }
+}
 @media screen and (max-width:768px) {
   ._1sr2o6v3 {
     grid-template-columns: 1fr;
@@ -88,20 +97,17 @@
   ._1sr2o6v7 {
     margin: 24px 0;
   }
-  ._1sr2o6vc {
-    font-size: 28px;
-    line-height: 36px;
-    max-height: max(76px, 80px);
+  ._1sr2o6va {
+    grid-template-rows: 314px 1fr;
+  }
+  ._1sr2o6vd {
+    font-size: 28px !important;
+    line-height: 36px !important;
+    max-height: 80px;
   }
 }
 @media screen and (min-width:769px) {
   ._1sr2o6v3 {
     min-height: min(525px, 680px);
   }
-}
-@media screen and (max-width:1024px) {
-  ._1sr2o6vc {
-    font-size: 32px;
-    line-height: 36px;
-  }
 }

package/dist/assets/globals.css

@@ -148,7 +148,7 @@ h1, h2, h3, h4, h5, h6, es_font {
 }
 .header_2 {
   font-size: 34px;
-  line-height: 1.25;
+  line-height: 1.35;
 }
 .header_3 {
   font-size: 28px;
@@ -282,7 +282,6 @@ p:empty, ul:empty {
   }
   .header_2 {
     font-size: 24px;
-    line-height: 1.29;
   }
   .header_3 {
     font-size: 24px;

package/dist/globals.css.js

@@ -1,2 +1,2 @@
-import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */

package/dist/icons/ArrowIcon/ArrowIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/ArrowIcon/ArrowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/CheckIcon/CheckIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/CheckIcon/CheckIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                             */

package/dist/icons/DownloadIcon/DownloadIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                */

package/dist/icons/FollowIcon/FollowIcon.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                              */

package/dist/icons/Star/Star.css.js

@@ -1,4 +1,4 @@
-import '../../assets/icons/Star/Star.css';/* empty css                        */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var Star = createRuntimeFn({ defaultClassName: "mi4mae0", variantClassNames: { variant: { gold: "mi4mae1", gray: "mi4mae2" } }, defaultVariants: {}, compoundVariants: [] });
 export {

package/dist/index.css.js

@@ -1,3 +1,3 @@
-import './assets/index.css';import './assets/globals.css';import './assets/Typography/Typography.css';/* empty css                                         */
+/* empty css                                         */
 /* empty css                           */
 /* empty css                         */

package/dist/main.js

@@ -136,7 +136,7 @@ import { DownPaymentInput } from "./Input/DownPaymentInput.js";
 import { RadioButton, RadioButtonSet } from "./Input/RadioButton.js";
 import { CategorySelector, InsightItem } from "./Insight/Featured/CategorySelector.js";
 import { Featured, FeaturedItem } from "./Insight/Featured/Featured.js";
-import { featured_center_vertical, featured_grid, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
+import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Insight/Featured/Featured.css.js";
 import { BreadcumbHeader } from "./Insight/Featured/Header.js";
 import { footnotes, insight_header, insight_header_2, insight_header_3, insight_header_4, insight_info_row, insight_list_item, insight_p } from "./Insight/Insight.css.js";
 import { Interstitial } from "./Interstitial/Interstitial.js";
@@ -437,6 +437,7 @@ export {
   feature_title,
   featured_center_vertical,
   featured_grid,
+  featured_hero,
   featured_maingrid,
   featured_maingrid_img,
   featured_maingrid_item,

package/dist/themes/axos.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 var axosTheme = "_1073cm80";
 var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
 export {

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

package/dist/themes/victorie.css.js

@@ -1,4 +1,4 @@
-import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

package/dist/utils/lazyImage/imageObserver.d.ts

@@ -0,0 +1,9 @@
+export interface UseLazyImageProps {
+    src: string;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+export declare const useLazyImage: ({ src, rootMargin, threshold, }: UseLazyImageProps) => {
+    imageSrc: string;
+    imgRef: import('react').MutableRefObject<HTMLImageElement | null>;
+};

package/dist/utils/lazyImage/imageObserver.js

@@ -0,0 +1,29 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+const useLazyImage = ({
+  src,
+  rootMargin = "175px",
+  threshold = 0
+}) => {
+  const [imageSrc, setImageSrc] = useState("");
+  const imgRef = useRef(null);
+  useEffect(() => {
+    const imgElement = imgRef.current;
+    if (!imgElement) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setImageSrc(src);
+          observer.disconnect();
+        }
+      },
+      { rootMargin, threshold }
+    );
+    observer.observe(imgElement);
+    return () => observer.disconnect();
+  }, [src, rootMargin, threshold]);
+  return { imageSrc, imgRef };
+};
+export {
+  useLazyImage
+};

package/dist/utils/lazyImage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './imageObserver';
+export * from './lazyImage';

package/dist/utils/lazyImage/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { useLazyImage } from "./imageObserver.js";
+import { LazyImage } from "./lazyImage.js";
+export {
+  LazyImage,
+  useLazyImage
+};

package/dist/utils/lazyImage/lazyImage.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export interface LazyImageProps {
+    src: string;
+    alt?: string;
+    height?: string | number;
+    width?: string | number;
+    className?: string;
+}
+export declare const LazyImage: FC<LazyImageProps>;