@axos-web-dev/shared-components 1.0.77-patch.8 → 1.0.77-patch.92-rev.1

package/dist/HeroBanner/LargeHeroBanner.js

@@ -0,0 +1,228 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import Image from "next/image.js";
+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";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import { getVariant } from "../utils/getVariant.js";
+import { HeroVideoPoster } from "./HeroVideoPoster.js";
+import { getPosition } from "../utils/getPosition.js";
+import { hero_wrapper, hero_bullet_item, hero_sub_bullets, hero_btns, img_contents, reversed_lg_image, reversed } from "./HeroBanner.css.js";
+import { lg_hero_container, content_display_lg, lg_hero_eyebrow, lg_headline_text, lg_hero_text, placement, lg_hero_content_mobile, lg_hero_sizing, lg_hero_img, lg_hero_content, video_wrapper, lg_hero_banner, video_bg } from "./LargeBanner.css.js";
+const LargeHeroBanner = ({
+  id,
+  eyebrow,
+  headline,
+  bodyCopy,
+  bullets,
+  callToActionRow,
+  image,
+  imagePlacement = "Right",
+  variant,
+  video,
+  bannerType,
+  videoTextPosition = "default"
+}) => {
+  const textPosition = getPosition(videoTextPosition);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: clsx(
+        lg_hero_banner({ variant: getVariant(variant) }),
+        bannerType === "Video Poster" ? video_bg : ""
+      ),
+      id,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment ${lg_hero_container}`, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(
+              lg_hero_content,
+              imagePlacement !== "Right" ? reversed : "",
+              "flex",
+              "between",
+              "middle"
+            ),
+            style: {
+              position: textPosition !== "default" ? "static" : "relative"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_text({ variant: getVariant(variant) }),
+                    "rounded",
+                    textPosition !== "default" ? placement({ position: textPosition }) : "",
+                    lg_hero_content_mobile
+                  ),
+                  children: /* @__PURE__ */ jsxs("div", { className: `containment ${content_display_lg}`, children: [
+                    eyebrow && /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_hero_eyebrow({
+                          variant: getVariant(variant)
+                        }),
+                        children: eyebrow
+                      }
+                    ),
+                    eyebrow ? /* @__PURE__ */ jsx(
+                      "h2",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: lg_headline_text({
+                          variant: getVariant(variant)
+                        }),
+                        children: headline
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
+                      /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
+                      bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
+                        ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            className: `list_item flex ${hero_bullet_item}`,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? bannerType === "Video Poster" ? /* @__PURE__ */ jsx(
+                                SvgCheckIcon,
+                                {
+                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
+                                }
+                              ) : /* @__PURE__ */ jsx(
+                                SvgCheckIcon,
+                                {
+                                  variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
+                                }
+                              ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ]
+                          },
+                          id2
+                        ) : /* @__PURE__ */ jsx(
+                          "ul",
+                          {
+                            className: clsx(hero_sub_bullets, "mb_0", "push_up"),
+                            children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                              /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  style: { maxWidth: "max-content" },
+                                  src: icon?.src,
+                                  alt: icon?.altText
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx("span", { children: copy })
+                            ] })
+                          },
+                          id2
+                        )
+                      ) })
+                    ] }),
+                    callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
+                      ({
+                        id: id2,
+                        variant: variant2,
+                        displayText,
+                        targetUrl,
+                        type,
+                        newTab
+                      }) => type === "Button" ? /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          targetUrl,
+                          color: getVariant(variant2),
+                          size: "large",
+                          rounded: "medium",
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      ) : /* @__PURE__ */ jsx(
+                        Chevron,
+                        {
+                          targetUrl,
+                          variant: getVariant(variant2),
+                          newTab,
+                          children: displayText
+                        },
+                        id2
+                      )
+                    ) })
+                  ] })
+                }
+              ),
+              bannerType === "Large" && image && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(
+                    lg_hero_img,
+                    imagePlacement !== "Right" ? reversed_lg_image : "",
+                    "rounded",
+                    lg_hero_content_mobile
+                  ),
+                  role: "presentation",
+                  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=90`,
+                        className: lg_hero_sizing,
+                        alt: "",
+                        height: 600,
+                        width: 792,
+                        priority: true
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        ) }),
+        bannerType === "Video Poster" && video && /* @__PURE__ */ jsx("div", { className: video_wrapper, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(
+          HeroVideoPoster,
+          {
+            otherSource: video.otherSource,
+            thumbnailImage: video.thumbnailImage
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  LargeHeroBanner
+};

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

@@ -1,22 +1,4 @@
-export declare const selection_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
-    variant: {
-        primary: {
-            color: `var(--${string})`;
-        };
-        secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
-        };
-        tertiary: {
-            color: `var(--${string})`;
-        };
-        quaternary: {
-            color: `var(--${string})`;
-        };
-    };
-}>;
+export declare const selection_headline_text: string;
 export declare const selection_section: string;
 export declare const selection_section_bg: string;
 export declare const selection_section_content: string;

package/dist/HeroBanner/SelectionBanner.css.js

@@ -1,15 +1,16 @@
-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                                          */
+import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.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                                    */
 /* empty css                                   */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var selection_headline_text = createRuntimeFn({ defaultClassName: "_7etqoq0", variantClassNames: { variant: { primary: "_7etqoq1", secondary: "_7etqoq2", tertiary: "_7etqoq3", quaternary: "_7etqoq4" } }, defaultVariants: {}, compoundVariants: [] });
-var selection_section = "_7etqoq5";
-var selection_section_bg = "_7etqoq6";
-var selection_section_content = "_7etqoq7";
-var selection_section_icon = "_7etqoq8";
-var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
+var selection_headline_text = "_7etqoq0";
+var selection_section = "_7etqoq1";
+var selection_section_bg = "_7etqoq2";
+var selection_section_content = "_7etqoq3";
+var selection_section_icon = "_7etqoq4";
+var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq5", variantClassNames: { variant: { primary: "_7etqoq6", secondary: "_7etqoq7", tertiary: "_7etqoq8", quaternary: "_7etqoq9" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   selection_headline_text,
   selection_section,

package/dist/HeroBanner/index.js

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

package/dist/Hyperlink/Hyperlink.css.d.ts

@@ -1,20 +1,20 @@
 export declare const hyperlink: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: "#0062B3";
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: "#0062B3";
+                    textDecorationColor: `var(--${string})`;
                 };
             };
         };
         secondary: {
-            color: "#FAA74A";
+            color: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: "#FAA74A";
+                    textDecorationColor: `var(--${string})`;
                 };
             };
         };

package/dist/Hyperlink/Hyperlink.css.js

@@ -1,4 +1,8 @@
-import '../assets/Hyperlink/Hyperlink.css';/* empty css                             */
+import '../assets/Hyperlink/Hyperlink.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty 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

@@ -5,8 +5,9 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/HelpArticle/HelpArticle.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/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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                                */
+import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.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/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.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/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -16,7 +17,7 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import { validateLink } from "../utils/validateExternalLinks.js";
+import { isPhoneLink, isEmailLink, validateLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -41,8 +42,11 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
 import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -55,21 +59,26 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import "../Input/PercentageInput.js";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 /* empty css                                    */
 import "react-dom";
 /* empty css                                */
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+/* empty css                                    */
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -83,11 +92,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
@@ -116,8 +126,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
@@ -135,6 +143,7 @@ const Hyperlink = ({
 }) => {
   const hyperlink_variant = variant.toLowerCase();
   const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
+  const isTelOrMailto = targetUrl && (isPhoneLink(targetUrl) || isEmailLink(targetUrl));
   const onClick = (e) => {
     if (targetUrl) {
       const external_link = validateLink(targetUrl);
@@ -158,7 +167,7 @@ const Hyperlink = ({
       ),
       onClick,
       "aria-label": ariaLabel,
-      target: newTab ? "_blank" : "_self",
+      target: newTab && !isTelOrMailto ? "_blank" : "_self",
       ...noFollow && { rel: "nofollow" },
       children
     }

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -4,7 +4,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
             color: `var(--${string})`;
         };
         secondary: {
@@ -31,41 +31,14 @@ export declare const layout: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const billboard_icon: string;
 export declare const content: string;
 export declare const headerIconBillboard: string;
+export declare const insightTitle: string;
 export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -82,16 +55,10 @@ export declare const section_text: string;
 export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -106,7 +73,7 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
     variant: {
         primary: {
             background: `var(--${string})`;
-            border: "1px solid #D4D4D4";
+            border: "1px solid #E9EBEF";
         };
         secondary: {
             background: `var(--${string})`;

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,6 +1,7 @@
-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                                          */
+import '../assets/IconBillboard/IconBillboard.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.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                                    */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -9,15 +10,16 @@ var layout = createRuntimeFn({ defaultClassName: "_1r4ovbu5", variantClassNames:
 var billboard_icon = "_1r4ovbu7";
 var content = "_1r4ovbu8";
 var headerIconBillboard = "_1r4ovbu9";
-var title = createRuntimeFn({ defaultClassName: "_1r4ovbua", variantClassNames: { variant: { primary: "_1r4ovbub", secondary: "_1r4ovbuc", tertiary: "_1r4ovbud", quaternary: "_1r4ovbue" } }, defaultVariants: {}, compoundVariants: [] });
-var list = "_1r4ovbuf";
-var listItem = "_1r4ovbug";
-var buttons = "_1r4ovbuh";
-var section_text = "_1r4ovbui";
-var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuj", variantClassNames: { variant: { primary: "_1r4ovbuk", secondary: "_1r4ovbul", tertiary: "_1r4ovbum", quaternary: "_1r4ovbun" } }, defaultVariants: {}, compoundVariants: [] });
-var section_container = "_1r4ovbuo";
-var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
-var link_wrapper = "_1r4ovbuu";
+var insightTitle = "_1r4ovbua";
+var title = createRuntimeFn({ defaultClassName: "_1r4ovbub", variantClassNames: { variant: { primary: "_1r4ovbuc", secondary: "_1r4ovbud", tertiary: "_1r4ovbue", quaternary: "_1r4ovbuf" } }, defaultVariants: {}, compoundVariants: [] });
+var list = "_1r4ovbug";
+var listItem = "_1r4ovbuh";
+var buttons = "_1r4ovbui";
+var section_text = "_1r4ovbuj";
+var header_section = createRuntimeFn({ defaultClassName: "_1r4ovbuk", variantClassNames: { variant: { primary: "_1r4ovbul", secondary: "_1r4ovbum", tertiary: "_1r4ovbun", quaternary: "_1r4ovbuo" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbup";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuq", variantClassNames: { variant: { primary: "_1r4ovbur", secondary: "_1r4ovbus", tertiary: "_1r4ovbut", quaternary: "_1r4ovbuu" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbuv";
 export {
   billboard_icon,
   buttons,
@@ -25,6 +27,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/IconBillboard/IconBillboard.js

@@ -26,15 +26,15 @@ const IconBillboard = (props) => {
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
     if (headingRef.current) {
-      const section = headingRef.current.closest(".section_spacer");
+      const section = headingRef.current.closest(".page_body_contents > div");
       if (section) {
-        const existingH2 = section.querySelector("h2._1r4ovbuj");
+        const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {
           setHeadingLevel("h3");
         }
       }
     }
-  }, []);
+  }, [headingRef]);
   const { isClickable, handleClick, chevronText } = useFullClick(callToActionRow);
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.js";
-import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
+import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, insightTitle, layout, link_wrapper, list, listItem, section_body, section_container, section_text, title } from "./IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboardSet.js";
 export {
   IconBillboard,
@@ -10,6 +10,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  insightTitle,
   layout,
   link_wrapper,
   list,

package/dist/IconBillboard/sections/CallToActionSection.js

@@ -4,9 +4,9 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useMemo } from "react";
 import "react-use";
-import { buttons } from "../IconBillboard.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { getVariant } from "../../utils/getVariant.js";
+import { buttons } from "../IconBillboard.css.js";
 const useFullClick = (callToActionRow) => {
   return useMemo(() => {
     let chevronCount = 0;
@@ -89,6 +89,7 @@ const CallToActionSection = ({
         variant: getVariant(variant),
         marketingIntersitial,
         newTab,
+        action: rest?.onClick,
         children: displayText
       },
       id

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js

@@ -5,7 +5,12 @@ const useExitIntentModal = (enabled) => {
   const modalRef = useRef(null);
   useEffect(() => {
     if (!enabled) return;
-    const STORAGE_KEY = "exitIntentShown";
+    const getPageSpecificStorageKey = () => {
+      const pathname = window.location.pathname;
+      const normalizedPath = pathname.replace(/^\/+|\/+$/g, "").replace(/\//g, "_") || "root";
+      return `exitIntentShown_${normalizedPath}`;
+    };
+    const STORAGE_KEY = getPageSpecificStorageKey();
     const sessionExpiry = 24 * 60 * 60 * 1e3;
     const hasShown = () => {
       const stored = localStorage.getItem(STORAGE_KEY);