@axos-web-dev/shared-components 2.0.0-dev.9-fixdependencies → 2.0.0-dev.enableCTA

package/dist/Forms/VendorQuestionnaire.js

@@ -22,7 +22,8 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { form, form_row, descriptionField, formWrapper, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const VendorQuestionnaire = ({
   children,
   onSubmit = (values) => {

package/dist/Forms/WcplSurvey.d.ts

@@ -5,4 +5,4 @@ export type WCPLSruveyInputs = {
     Description_of_Deal_Details: string;
     Telephone: string;
 };
-export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, onValidate, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, onValidate, id, description, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/WcplSurvey.js

@@ -32,8 +32,9 @@ import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const WCPLSurvey = ({
   icon = false,
   children,

package/dist/Forms/index.d.ts

@@ -3,14 +3,17 @@ export * from './ApplyNow';
 export * from './applynow-utils';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
+export * from './CommercialDepositsACS';
 export * from './CommercialDepositsNoLendingOption';
 export * from './CommercialLending';
 export * from './CommercialPremiumFinance';
+export * from './CommercialTrustAndEstate';
 export * from './ConstructionLendingDynamic';
 export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';
 export * from './ContactUsAAS';
+export * from './ContactUsSchwabAAS';
 export * from './ContactUsBusiness';
 export * from './ContactUsBusinessNameEmail';
 export * from './ContactUsLVF';
@@ -36,3 +39,4 @@ export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
 export * from './BoatMooringLocation';
+export * from './NonQMLoans';

package/dist/Forms/index.js

@@ -4,14 +4,17 @@ import { ApplyNow } from "./ApplyNow.js";
 import { getLink } from "./applynow-utils.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
+import { CommercialDepositsACS } from "./CommercialDepositsACS.js";
 import { CommercialDepositsNoLendingOption } from "./CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
+import { CommercialTrustAndEstate } from "./CommercialTrustAndEstate.js";
 import { ConstructionLendingDynamic } from "./ConstructionLendingDynamic.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactCompanyTitle } from "./ContactCompanyTitle.js";
 import { ContactUs } from "./ContactUs.js";
 import { ContactUsAAS } from "./ContactUsAAS.js";
+import { ContactUsSchwabAAS } from "./ContactUsSchwabAAS.js";
 import { ContactUsBusiness } from "./ContactUsBusiness.js";
 import { ContactUsBusinessNameAndEmail } from "./ContactUsBusinessNameEmail.js";
 import { ContactUsLVF } from "./ContactUsLVF.js";
@@ -21,8 +24,8 @@ import { CraPublicFile } from "./CraPublicFile.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, email_only_btn, email_only_h2, email_only_padding, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
-import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/index.js";
+import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, email_only_btn, email_only_h2, email_only_padding, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, submitErrorText, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
@@ -42,15 +45,19 @@ import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
 import { BoatMooringLocation } from "./BoatMooringLocation.js";
+import { NonQMLoans } from "./NonQMLoans.js";
+import { honeyPotFieldsSchema, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 export {
   ApplicationStart,
   ApplyNow,
   BoatMooringLocation,
   ClearingForm,
   CommercialDeposits,
+  CommercialDepositsACS,
   CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
+  CommercialTrustAndEstate,
   ConstructionLendingDynamic,
   ContactCompany,
   ContactCompanyTitle,
@@ -60,6 +67,7 @@ export {
   ContactUsBusinessNameAndEmail,
   ContactUsLVF,
   ContactUsNMLSId,
+  ContactUsSchwabAAS,
   CpraRequest,
   CraPublicFile,
   DealerServices,
@@ -69,6 +77,7 @@ export {
   MortgageRate,
   MortgageRateFilters,
   MortgageWarehouseLending,
+  NonQMLoans,
   QuickPricer,
   RateWatchForm,
   SalesforceFieldsForm,
@@ -105,6 +114,7 @@ export {
   headerF,
   headerForm,
   hide_options,
+  honeyPotFieldsSchema,
   honeyPotSchema,
   iconForm,
   iconbillboards_option_apply_now,
@@ -125,6 +135,7 @@ export {
   section_title,
   show_options,
   step_title_apply_now,
+  submitErrorText,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/HeroBanner/HeroBanner.d.ts

@@ -1,3 +1,3 @@
 import { HeroBannerInterface } from './HeroBanner.interface';
 
-export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, subBodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, video, videoTextPosition, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, subBodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, toast, video, videoTextPosition, }: HeroBannerInterface) => import("react").JSX.Element;

package/dist/HeroBanner/HeroBanner.interface.d.ts

@@ -1,5 +1,6 @@
 import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { ReactNode } from 'react';
 import { HeroVideoPosterProps } from './HeroVideoPoster';
 
@@ -30,6 +31,7 @@ export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWith
     bullets: BulletItemProps[];
     subBodyCopy?: string | ReactNode;
     callToActionRow?: ChevronProps[];
+    toast?: IconBillboardProps[];
     video?: HeroVideoPosterProps;
     videoTextPosition?: "default" | "top left" | "top right" | "bottom left" | "bottom right";
 }

package/dist/HeroBanner/HeroBanner.js

@@ -19,6 +19,7 @@ import clsx from "clsx";
 import { LargeHeroBanner } from "./LargeHeroBanner.js";
 import { logout, xl, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, hero_banner } from "./HeroBanner.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";
+import { ImageToast } from "../ImageToast/index.js";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -33,6 +34,7 @@ const HeroBanner = ({
   variant,
   selection,
   isSelectionBanner = false,
+  toast,
   video,
   videoTextPosition
 }) => {
@@ -160,34 +162,37 @@ const HeroBanner = ({
                 )
               ) })
             ] }),
-            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `${imageSrcBase}?fm=avif&w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill`,
-                  type: "image/avif"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "source",
-                {
-                  srcSet: `${imageSrcBase}?fm=webp&w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill`,
-                  type: "image/webp"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Image,
-                {
-                  className: "img_fluid",
-                  style: { color: "transparent" },
-                  src: `${imageSrcBase}?w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill&q=85`,
-                  alt: "",
-                  height: imageDimensions.height,
-                  width: imageDimensions.width,
-                  priority: true
-                }
-              )
-            ] }) }) : /* @__PURE__ */ jsxs("div", { className: selection_section, children: [
+            !isSelectionBanner ? /* @__PURE__ */ jsxs("div", { className: hero_img, role: "presentation", children: [
+              /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+                /* @__PURE__ */ jsx(
+                  "source",
+                  {
+                    srcSet: `${imageSrcBase}?fm=avif&w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill`,
+                    type: "image/avif"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "source",
+                  {
+                    srcSet: `${imageSrcBase}?fm=webp&w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill`,
+                    type: "image/webp"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Image,
+                  {
+                    className: "img_fluid",
+                    style: { color: "transparent" },
+                    src: `${imageSrcBase}?w=${imageDimensions.width}&h=${imageDimensions.height}&fit=fill&q=85`,
+                    alt: "",
+                    height: imageDimensions.height,
+                    width: imageDimensions.width,
+                    priority: true
+                  }
+                )
+              ] }),
+              toast && toast.length > 0 && toast.map((toastItem) => /* @__PURE__ */ jsx(ImageToast, { ...toastItem }, toastItem.id))
+            ] }) : /* @__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: [

package/dist/HeroBanner/HeroVideoPoster.d.ts

@@ -2,4 +2,4 @@ export interface HeroVideoPosterProps {
     otherSource: string;
     thumbnailImage?: string;
 }
-export declare const HeroVideoPoster: ({ otherSource, thumbnailImage, }: HeroVideoPosterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeroVideoPoster: ({ otherSource, thumbnailImage, }: HeroVideoPosterProps) => import("react").JSX.Element;

package/dist/HeroBanner/LargeHeroBanner.d.ts

@@ -1,5 +1,5 @@
 import { HeroBannerInterface } from './HeroBanner.interface';
 
 type LargeHeroBannerProps = Pick<HeroBannerInterface, "id" | "eyebrow" | "headline" | "bodyCopy" | "bullets" | "callToActionRow" | "image" | "imagePlacement" | "variant" | "video" | "bannerType" | "videoTextPosition">;
-export declare const LargeHeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, callToActionRow, image, imagePlacement, variant, video, bannerType, videoTextPosition, }: LargeHeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LargeHeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, callToActionRow, image, imagePlacement, variant, video, bannerType, videoTextPosition, }: LargeHeroBannerProps) => import("react").JSX.Element;
 export {};

package/dist/Hyperlink/index.js

@@ -5,18 +5,18 @@ 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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Bubble.css';import '../assets/Chatbot/Chatbot.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                                */
+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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/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/Forms/HoneyPot/HoneyPot.css';import '../assets/ImageToast/ImageToast.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                                                */
-import clsx from "clsx";
 import "react";
+import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
+import clsx from "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -26,7 +26,14 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,7 +53,8 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
-import "../Forms/HoneyPot/index.js";
+/* empty css                                            */
+import "../Forms/HoneyPot/honeyPotValidation.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -69,19 +77,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.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";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -100,13 +103,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */

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

@@ -68,6 +68,22 @@ export declare const header_section: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const icon_billboard_section: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            paddingBlock: "2.5rem";
+        };
+        secondary: {
+            paddingBlock: "2.5rem";
+        };
+        tertiary: {
+            paddingBlock: "2.5rem";
+        };
+        quaternary: {
+            paddingBlock: "2.5rem";
+        };
+    };
+}>;
 export declare const section_container: string;
 export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,4 +1,5 @@
-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                                          */
+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/ImageToast/ImageToast.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                               */
@@ -17,9 +18,10 @@ 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";
+var icon_billboard_section = createRuntimeFn({ defaultClassName: "_1r4ovbup", variantClassNames: { variant: { primary: "_1r4ovbuq", secondary: "_1r4ovbur", tertiary: "_1r4ovbus", quaternary: "_1r4ovbut" } }, defaultVariants: {}, compoundVariants: [] });
+var section_container = "_1r4ovbuu";
+var section_body = createRuntimeFn({ defaultClassName: "_1r4ovbuv", variantClassNames: { variant: { primary: "_1r4ovbuw", secondary: "_1r4ovbux", tertiary: "_1r4ovbuy", quaternary: "_1r4ovbuz" } }, defaultVariants: {}, compoundVariants: [] });
+var link_wrapper = "_1r4ovbu10";
 export {
   billboard_icon,
   buttons,
@@ -27,6 +29,7 @@ export {
   content,
   headerIconBillboard,
   header_section,
+  icon_billboard_section,
   insightTitle,
   layout,
   link_wrapper,

package/dist/IconBillboard/IconBillboard.d.ts

@@ -15,4 +15,4 @@ export interface FocusProps {
     set?: boolean;
     id?: string;
 }
-export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBillboard: (props: FocusProps & ContainerVariants & LayoutVariants) => import("react").JSX.Element;

package/dist/IconBillboard/IconBillboard.interface.d.ts

@@ -22,6 +22,8 @@ export interface IconBillboardProps {
     bullets: BulletItemProps[];
     callToActionRow: ChevronProps[];
     set?: boolean;
+    variant: QuaternaryTypes;
+    toastAlignment?: string;
 }
 export interface ImageInterface {
     src: string;

package/dist/IconBillboard/IconBillboardSet.d.ts

@@ -1,3 +1,3 @@
 import { IconBillboardSet as Props } from './IconBillboard.interface';
 
-export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react").JSX.Element;

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, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard, icon_billboard_section } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,
@@ -17,70 +17,76 @@ const IconBillboardSet = ({
   additionalDetails
 }) => {
   const billboard_variant = getVariant(variant);
-  return /* @__PURE__ */ jsxs("section", { className: "containment billboard", children: [
-    (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
-      headline && /* @__PURE__ */ jsx(
-        "h2",
-        {
-          className: `header_1 ${header_section({ variant: billboard_variant })}`,
-          children: headline
-        }
-      ),
-      bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
-      ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
-        /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
-          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
-            "img",
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: `containment billboard ${icon_billboard_section({ variant: billboard_variant })}`,
+      children: [
+        (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+          headline && /* @__PURE__ */ jsx(
+            "h2",
             {
-              src: icon?.src,
-              className: "img_fluid",
-              alt: icon?.alt
+              className: `header_1 ${header_section({ variant: billboard_variant })}`,
+              children: headline
             }
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: content, children: [
-            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-              /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
-              /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
-            ] }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
-          ] })
+          ),
+          bodyCopy && /* @__PURE__ */ jsx("div", { className: clsx(section_body({ variant })), children: bodyCopy })
         ] }),
-        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
-          ({
-            id: id2,
-            variant: variant2,
-            displayText,
-            targetUrl,
-            type,
-            newTab
-          }) => type === "Button" ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              targetUrl,
-              color: getVariant(variant2),
-              size: "medium",
-              rounded: "medium",
-              newTab,
-              children: displayText
-            },
-            id2
-          ) : /* @__PURE__ */ jsx(
-            Chevron,
-            {
-              targetUrl,
-              variant: getVariant(variant2),
-              newTab,
-              children: displayText
-            },
-            id2
-          )
-        ) })
-      ] }, id)
-    ) }),
-    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
-  ] });
+        /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
+          ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
+            /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
+              icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: icon?.src,
+                  className: "img_fluid",
+                  alt: icon?.alt
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: content, children: [
+                /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
+                  /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
+                  /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
+                ] }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
+              ] })
+            ] }),
+            callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
+              ({
+                id: id2,
+                variant: variant2,
+                displayText,
+                targetUrl,
+                type,
+                newTab
+              }) => type === "Button" ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  targetUrl,
+                  color: getVariant(variant2),
+                  size: "medium",
+                  rounded: "medium",
+                  newTab,
+                  children: displayText
+                },
+                id2
+              ) : /* @__PURE__ */ jsx(
+                Chevron,
+                {
+                  targetUrl,
+                  variant: getVariant(variant2),
+                  newTab,
+                  children: displayText
+                },
+                id2
+              )
+            ) })
+          ] }, id)
+        ) }),
+        additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+      ]
+    }
+  );
 };
 export {
   IconBillboardSet

package/dist/IconBillboard/index.js

@@ -1,5 +1,5 @@
 import { IconBillboard } from "./IconBillboard.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 { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, icon_billboard_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,
+  icon_billboard_section,
   insightTitle,
   layout,
   link_wrapper,

package/dist/IconBillboard/sections/CallToActionSection.d.ts

@@ -8,5 +8,5 @@ export declare const useFullClick: (callToActionRow?: ChevronProps[]) => {
     handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     chevronText: string | undefined;
 };
-export declare const CallToActionSection: ({ callToActionRow, }: CallToActionSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CallToActionSection: ({ callToActionRow, }: CallToActionSectionProps) => import("react").JSX.Element | null;
 export {};

package/dist/IconBillboard/sections/CallToActionSection.js

@@ -27,9 +27,11 @@ const useFullClick = (callToActionRow) => {
     const isClickable = chevronCount === 1 && buttonCount === 0 && typeof chevronUrl === "string" && chevronUrl.length > 0;
     const handleClick = (e) => {
       if (!isClickable) return;
+      if (e.target.closest("a")) return;
       const linkEl = e.currentTarget.querySelector("a");
       if (linkEl && linkEl instanceof HTMLAnchorElement) {
-        window.location.href = linkEl.href;
+        e.preventDefault();
+        linkEl.click();
       }
     };
     return {