@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui.2 → 2.0.0-dev.30-toast

package/dist/Forms/MortgageWarehouseLending.js

@@ -16,7 +16,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/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/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/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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty 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/ImageToast/ImageToast.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/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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,12 +37,12 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -76,18 +78,18 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* 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";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -148,8 +150,8 @@ const MortgageWarehouseLending = ({
 }) => {
   const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
-    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
-    last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
+    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/).trim().min(1, { message: "Last Name is required." }),
     email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
@@ -170,7 +172,7 @@ const MortgageWarehouseLending = ({
       return removeDashes;
     }),
     Company_NMLS_ID__c: z.string().min(6).max(7),
-    Business_Name__c: z.string().min(1)
+    company: z.string().min(1)
   });
   const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {
@@ -299,16 +301,16 @@ const MortgageWarehouseLending = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "Business_Name__c",
-                ...register("Business_Name__c", {
+                id: "company",
+                ...register("company", {
                   required: true
                 }),
                 type: "text",
                 label: "Business Name",
                 sizes: "medium",
                 required: true,
-                error: !!errors.Business_Name__c,
-                helperText: errors.Business_Name__c?.message,
+                error: !!errors.company,
+                helperText: errors.company?.message,
                 variant
               }
             ) }),

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";
-import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/Modal/Modal.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/ImageToast/ImageToast.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/Modal/Modal.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/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -21,9 +21,11 @@ import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Button/Button.css.js";
 import "../Modal/contextApi/store.js";
+import "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -59,19 +61,20 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 /* 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";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -91,7 +94,6 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */

package/dist/Forms/index.d.ts

@@ -11,6 +11,7 @@ export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';
 export * from './ContactUsAAS';
+export * from './ContactUsSchwabAAS';
 export * from './ContactUsBusiness';
 export * from './ContactUsBusinessNameEmail';
 export * from './ContactUsLVF';

package/dist/Forms/index.js

@@ -12,6 +12,7 @@ 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";
@@ -60,6 +61,7 @@ export {
   ContactUsBusinessNameAndEmail,
   ContactUsLVF,
   ContactUsNMLSId,
+  ContactUsSchwabAAS,
   CpraRequest,
   CraPublicFile,
   DealerServices,

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

@@ -1,4 +1,5 @@
 export declare const logout: string;
+export declare const xl: string;
 export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,27 +1,29 @@
-import '../assets/HeroBanner/HeroBanner.css';import '../assets/Insight/Insight.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                                          */
+import '../assets/HeroBanner/HeroBanner.css';import '../assets/HeroBanner/LargeBanner.css';import '../assets/Insight/Insight.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                                   */
 /* empty css                                    */
+/* empty css                               */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var logout = "_1ye8k3f0";
-var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f1", variantClassNames: { variant: { primary: "_1ye8k3f2", secondary: "_1ye8k3f3", tertiary: "_1ye8k3f4", quaternary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });
-var hero_content = "_1ye8k3f6";
-var reversed = "_1ye8k3f7";
-var reversed_lg_image = "_1ye8k3f8";
-var hero_text = "_1ye8k3f9";
-var hero_wrapper = "_1ye8k3fa";
-var hero_img = "_1ye8k3fb";
-var img_contents = "_1ye8k3fc";
-var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fd", variantClassNames: { variant: { primary: "_1ye8k3fe", secondary: "_1ye8k3ff", tertiary: "_1ye8k3fg", quaternary: "_1ye8k3fh" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fi", variantClassNames: { variant: { primary: "_1ye8k3fj", secondary: "_1ye8k3fk", tertiary: "_1ye8k3fl", quaternary: "_1ye8k3fm" } }, defaultVariants: {}, compoundVariants: [] });
-var hero_btns = "_1ye8k3fn";
-var hero_embedded_image = "_1ye8k3fo";
-var hero_sub_bullets = "_1ye8k3fp";
-var hero_bullet_item = "_1ye8k3fq";
+var xl = "_1ye8k3f1";
+var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f2", variantClassNames: { variant: { primary: "_1ye8k3f3", secondary: "_1ye8k3f4", tertiary: "_1ye8k3f5", quaternary: "_1ye8k3f6" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_content = "_1ye8k3f7";
+var reversed = "_1ye8k3f8";
+var reversed_lg_image = "_1ye8k3f9";
+var hero_text = "_1ye8k3fa";
+var hero_wrapper = "_1ye8k3fb";
+var hero_img = "_1ye8k3fc";
+var img_contents = "_1ye8k3fd";
+var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fe", variantClassNames: { variant: { primary: "_1ye8k3ff", secondary: "_1ye8k3fg", tertiary: "_1ye8k3fh", quaternary: "_1ye8k3fi" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fj", variantClassNames: { variant: { primary: "_1ye8k3fk", secondary: "_1ye8k3fl", tertiary: "_1ye8k3fm", quaternary: "_1ye8k3fn" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_btns = "_1ye8k3fo";
+var hero_embedded_image = "_1ye8k3fp";
+var hero_sub_bullets = "_1ye8k3fq";
+var hero_bullet_item = "_1ye8k3fr";
 export {
   headline_text,
   heroSupertag,
@@ -37,5 +39,6 @@ export {
   img_contents,
   logout,
   reversed,
-  reversed_lg_image
+  reversed_lg_image,
+  xl
 };

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, }: 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-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { ReactNode } from 'react';
+import { HeroVideoPosterProps } from './HeroVideoPoster';
 
 export interface HeroImageInterface {
     src: string;
@@ -20,7 +22,7 @@ export type HeroBannerWithSelection = {
 };
 export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWithSelection {
     id?: string;
-    bannerType?: string;
+    bannerType?: "Hero" | "Logout" | "Large" | "Video Poster" | "Extra Large";
     className?: string;
     variant?: string;
     eyebrow?: string | ReactNode;
@@ -29,4 +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

@@ -16,9 +16,10 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 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_bullet_item, hero_sub_bullets, 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 { 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,
@@ -32,13 +33,18 @@ const HeroBanner = ({
   imagePlacement = "Right",
   variant,
   selection,
-  isSelectionBanner = false
+  isSelectionBanner = false,
+  toast,
+  video,
+  videoTextPosition
 }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
+  const imageDimensions = bannerType === "Extra Large" ? { width: 708, height: 740 } : { width: 604, height: 480 };
+  const imageSrcBase = `https:${image?.src}`;
+  return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" || bannerType === "Extra Large" ? /* @__PURE__ */ jsx(
     "section",
     {
       id,
-      className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
+      className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })} ${bannerType === "Extra Large" ? xl : ""} `,
       children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -156,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: `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,
-                {
-                  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: [
+            !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: [
@@ -270,158 +279,20 @@ const HeroBanner = ({
     },
     id
   ) : /* @__PURE__ */ jsx(
-    "section",
+    LargeHeroBanner,
     {
-      className: lg_hero_banner({ variant: getVariant(variant) }),
       id,
-      children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${lg_hero_content} ${imagePlacement !== "Right" ? reversed : ""} flex between middle `,
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${lg_hero_text({ variant: getVariant(variant) })} rounded`,
-                children: /* @__PURE__ */ jsxs("div", { className: "containment", 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) ? /* @__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
-                    )
-                  ) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${lg_hero_img} ${imagePlacement !== "Right" ? reversed_lg_image : ""} rounded`,
-                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=85`,
-                      className: lg_hero_sizing,
-                      alt: "",
-                      height: 600,
-                      width: 792,
-                      priority: true
-                    }
-                  )
-                ] })
-              }
-            )
-          ]
-        }
-      ) })
+      eyebrow,
+      headline,
+      bodyCopy,
+      bullets,
+      callToActionRow,
+      image,
+      imagePlacement,
+      variant,
+      bannerType,
+      video,
+      videoTextPosition
     }
   ) });
 };

package/dist/HeroBanner/HeroVideoPoster.d.ts

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

package/dist/HeroBanner/HeroVideoPoster.js

@@ -0,0 +1,24 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { player } from "./LargeBanner.css.js";
+const HeroVideoPoster = ({
+  otherSource,
+  thumbnailImage
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: player, children: /* @__PURE__ */ jsxs(
+    "video",
+    {
+      autoPlay: true,
+      loop: true,
+      muted: true,
+      playsInline: true,
+      ...thumbnailImage ? { poster: thumbnailImage } : {},
+      children: [
+        /* @__PURE__ */ jsx("source", { src: otherSource, type: "video/mp4" }),
+        "Your browser does not support the video tag."
+      ]
+    }
+  ) }) });
+};
+export {
+  HeroVideoPoster
+};