@axos-web-dev/shared-components 1.0.3 → 1.0.4

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -24,7 +24,7 @@ import { checkbox } from "../../Input/Checkbox.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
+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                                                       */
@@ -63,6 +63,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -92,7 +93,6 @@ import "next/navigation.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -20,7 +20,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";
-/* empty 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                                                       */

package/dist/Forms/QuickPricer/QuickPricerResults.css.js

@@ -1,4 +1,4 @@
-/* empty css                                      */
+import '../../assets/Forms/QuickPricer/QuickPricerResults.css';/* empty css                                      */
 var results_container = "_1eisah00";
 var rate_table_title = "_1eisah01";
 export {

package/dist/Forms/QuickPricer/UserInformation.css.js

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

package/dist/Forms/ScheduleCall.js

@@ -20,7 +20,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";
-/* empty 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                                                    */

package/dist/Forms/ScheduleCallPremier.js

@@ -21,7 +21,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";
-/* empty 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                                                    */

package/dist/Forms/SuccesForm.js

@@ -6,7 +6,7 @@ import "@hookform/resolvers/zod";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';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/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                                                    */
@@ -38,6 +38,7 @@ import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -81,7 +82,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/Forms/WcplSurvey.js

@@ -21,7 +21,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";
-/* empty 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                                                    */

package/dist/HeroBanner/HeroBanner.css.d.ts

@@ -72,3 +72,4 @@ export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn
 }>;
 export declare const hero_btns: string;
 export declare const hero_embedded_image: string;
+export declare const img_contents: string;

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/HeroBanner/HeroBanner.css';import '../assets/HeroBanner/SelectionBanner.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                                    */
@@ -17,6 +17,7 @@ var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fc", variantClass
 var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fh", variantClassNames: { variant: { primary: "_1ye8k3fi", secondary: "_1ye8k3fj", tertiary: "_1ye8k3fk", quaternary: "_1ye8k3fl" } }, defaultVariants: {}, compoundVariants: [] });
 var hero_btns = "_1ye8k3fm";
 var hero_embedded_image = "_1ye8k3fn";
+var img_contents = "_1ye8k3fo";
 export {
   headline_text,
   heroSupertag,
@@ -27,6 +28,7 @@ export {
   hero_img,
   hero_text,
   hero_wrapper,
+  img_contents,
   logout,
   reversed,
   reversed_lg_image

package/dist/HeroBanner/HeroBanner.js

@@ -5,10 +5,11 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img, reversed_lg_image } from "./HeroBanner.css.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
 import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
-import { selection_section_icon_img, selection_section_icon, selection_section_bg, selection_headline_text, selection_section_content, selection_section } from "./SelectionBanner.css.js";
+import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -105,19 +106,38 @@ const HeroBanner = ({
                 )
               ) })
             ] }),
-            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                decoding: "async",
-                "data-nimg": 1,
-                className: "img_fluid",
-                style: { color: "transparent" },
-                src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
-                alt: image?.alt
-              }
-            ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
-              /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
-              /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
+            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${image?.src}?fm=avif&w=604&h=480&fit=fill`,
+                  type: "image/avif"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${image?.src}?fm=webp&w=604&h=480&fit=fill`,
+                  type: "image/webp"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Image,
+                {
+                  decoding: "async",
+                  "data-nimg": 1,
+                  className: "img_fluid",
+                  style: { color: "transparent" },
+                  src: `https:${image?.src}?w=604&h=480&fit=fill&q=85`,
+                  alt: "",
+                  height: 480,
+                  width: 604,
+                  priority: true
+                }
+              )
+            ] }) }) : /* @__PURE__ */ jsxs("div", { className: selection_section, children: [
+              /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
+              /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx(
                     "h3",
@@ -149,26 +169,20 @@ const HeroBanner = ({
                       rounded: "medium",
                       square: true,
                       children: [
-                        typeof icon !== "undefined" ? /* @__PURE__ */ jsx(
-                          "div",
+                        typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: selection_section_icon, children: /* @__PURE__ */ jsx(
+                          "span",
                           {
-                            className: clsx(selection_section_icon),
-                            children: /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                style: {
-                                  mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
-                                  WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
-                                },
-                                className: clsx(
-                                  selection_section_icon_img({
-                                    variant: getVariant(variant)
-                                  })
-                                )
-                              }
+                            style: {
+                              mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
+                              WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
+                            },
+                            className: clsx(
+                              selection_section_icon_img({
+                                variant: getVariant(variant)
+                              })
                             )
                           }
-                        ) : null,
+                        ) }) : null,
                         displayText
                       ]
                     },
@@ -292,7 +306,33 @@ const HeroBanner = ({
               {
                 className: `${lg_hero_img} ${imagePlacement !== "Right" ? reversed_lg_image : ""} rounded`,
                 role: "presentation",
-                children: /* @__PURE__ */ jsx("img", { alt: "", className: lg_hero_sizing, src: image?.src })
+                children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${image?.src}?fm=avif`,
+                      type: "image/avif"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${image?.src}?fm=webp`,
+                      type: "image/webp"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      src: `https:${image?.src}?q=85`,
+                      className: lg_hero_sizing,
+                      alt: "",
+                      height: 600,
+                      width: 792,
+                      priority: true
+                    }
+                  )
+                ] })
               }
             )
           ]

package/dist/HeroBanner/LargeBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/HeroBanner/LargeBanner.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                                          */

package/dist/HeroBanner/SelectionBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/HeroBanner/SelectionBanner.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                                    */

package/dist/HeroBanner/index.js

@@ -1,5 +1,5 @@
 import { HeroBanner } from "./HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, logout, reversed, reversed_lg_image } from "./HeroBanner.css.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.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
 export {
   HeroBanner,
@@ -12,6 +12,7 @@ export {
   hero_img,
   hero_text,
   hero_wrapper,
+  img_contents,
   logout,
   reversed,
   reversed_lg_image,

package/dist/Hyperlink/Hyperlink.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+import '../assets/Hyperlink/Hyperlink.css';/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
 export {

package/dist/Hyperlink/index.js

@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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                                                    */
@@ -63,6 +63,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -90,7 +91,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/IconBillboard/IconBillboard.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                                    */

package/dist/IconBillboard/IconBillboard.js

@@ -33,7 +33,7 @@ const IconBillboard = (props) => {
       id,
       children: [
         /* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt ?? "" }) }),
           /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
             /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
               /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/ImageBillboard/ImageBillboard.css';import '../assets/SetContainer/SetContainer.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                                    */

package/dist/ImageBillboard/ImageBillboard.js

@@ -3,7 +3,7 @@ import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
-/* empty 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                                                    */

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, createElement } from "react";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
-/* empty 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                                                    */
@@ -34,6 +35,19 @@ const ImageBillboard = ({
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
+  const headingRef = useRef(null);
+  const [headingLevel, setHeadingLevel] = useState("h2");
+  useEffect(() => {
+    if (headingRef.current) {
+      const section = headingRef.current.closest("section");
+      if (section) {
+        const existingH2 = section.querySelector("h2.header_2.mb_16");
+        if (existingH2) {
+          setHeadingLevel("h3");
+        }
+      }
+    }
+  }, []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -49,14 +63,19 @@ const ImageBillboard = ({
         position === "right" && "reversed"
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: image_background,
-            style: { backgroundImage: `url(${image.src})` },
-            "aria-label": image.alt
-          }
-        ) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx("div", { className: image_background, 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`,
+              alt: image?.alt ?? ""
+            }
+          )
+        ] }) }) : /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(
@@ -74,23 +93,24 @@ const ImageBillboard = ({
         ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [
           /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
-            /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
-              /* @__PURE__ */ jsx(
+            (eyebrow || headline) && /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
+              eyebrow && /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: `supertag ${supertag({ variant: billboard_variant })}`,
                   children: eyebrow
                 }
               ),
-              /* @__PURE__ */ jsx(
-                "h3",
+              headline && createElement(
+                headingLevel,
                 {
-                  className: `header_3 ${header({ variant: billboard_variant })}`,
-                  children: headline
-                }
+                  ref: headingRef,
+                  className: `header_3 ${header({ variant: billboard_variant })}`
+                },
+                headline
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
+            bodyCopy && /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
             bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
               ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
                 /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(

package/dist/ImageLink/ImageLink.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+import '../assets/ImageLink/ImageLink.css';/* empty css                             */
 var image_link_set = "xd6m5c0";
 export {
   image_link_set

package/dist/ImageLink/ImageLink.js

@@ -3,7 +3,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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                                                    */
@@ -75,6 +75,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                             */
 /* empty css                                              */
 /* empty css                                                      */
+import "next/image.js";
 /* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -87,7 +88,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/ImageLink/ImageLinkSet.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { buttons } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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/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                                                    */
@@ -75,6 +75,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
+import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/ImageLink/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";
-/* empty css                                */
+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/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                                                    */
@@ -61,6 +61,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -88,7 +89,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/Input/Checkbox.css.js

@@ -1,4 +1,4 @@
-/* empty css                            */
+import '../assets/Input/Checkbox.css';/* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
 var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/Dropdown.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selectInput = "_1vzv2cd0";