@axos-web-dev/shared-components 1.0.100-dev.8 → 1.0.100-dev.81

package/dist/Forms/ScheduleCallPremier.js

@@ -21,17 +21,18 @@ 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/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/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 "../utils/allowedAxosDomains.js";
+import * as z from "zod";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
 import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
@@ -50,10 +51,11 @@ const ScheduleCallPremier = ({
   onValidate,
   id
 }) => {
+  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." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    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, "");
       if (removeDashes.length !== 10) {

package/dist/Forms/SuccesForm.js

@@ -1,13 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import clsx from "clsx";
 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/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/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/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/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/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/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/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                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -16,7 +17,6 @@ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -42,12 +42,12 @@ import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "iframe-resizer";
 /* empty css                                                                                */
-import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                    */
 import "react-dom";
@@ -55,12 +55,14 @@ import "react-dom";
 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";
 import "../Chatbot/authenticate.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                    */
 import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
@@ -88,7 +90,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
@@ -97,15 +98,11 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */

package/dist/Forms/VendorQuestionnaire.js

@@ -16,11 +16,11 @@ import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
-import "../utils/allowedAxosDomains.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { z } from "zod";
 import { form, form_row, descriptionField, formWrapper, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const VendorQuestionnaire = ({
@@ -34,6 +34,7 @@ const VendorQuestionnaire = ({
   callToAction,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     "name/0-2": z.string().min(1, { message: "Please complete this required field." }),
     "dba/0-2": z.string(),
@@ -87,7 +88,9 @@ const VendorQuestionnaire = ({
     "firstname/0-1": z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).min(1, { message: "Please complete this required field." }),
     "lastname/0-1": z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).min(1, { message: "Please complete this required field." }),
     "jobtitle/0-1": z.string().min(1, { message: "Please complete this required field." }),
-    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(async (val) => await validateEmail(val))
+    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(cachedEmailValidator, {
+      message: "Invalid email address."
+    })
   });
   const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {

package/dist/Forms/WcplSurvey.js

@@ -21,8 +21,9 @@ 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/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/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                                                */

package/dist/Forms/index.d.ts

@@ -3,8 +3,10 @@ export * from './ApplyNow';
 export * from './applynow-utils';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
+export * from './CommercialDepositsNoLendingOption';
 export * from './CommercialLending';
 export * from './CommercialPremiumFinance';
+export * from './ConstructionLendingDynamic';
 export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';
@@ -33,3 +35,4 @@ export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
+export * from './BoatMooringLocation';

package/dist/Forms/index.js

@@ -4,8 +4,10 @@ import { ApplyNow } from "./ApplyNow.js";
 import { getLink } from "./applynow-utils.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
+import { CommercialDepositsNoLendingOption } from "./CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
+import { ConstructionLendingDynamic } from "./ConstructionLendingDynamic.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactCompanyTitle } from "./ContactCompanyTitle.js";
 import { ContactUs } from "./ContactUs.js";
@@ -19,12 +21,12 @@ 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, 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 { 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 { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
-import "../utils/allowedAxosDomains.js";
+import "react";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
@@ -39,13 +41,17 @@ import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
+import { BoatMooringLocation } from "./BoatMooringLocation.js";
 export {
   ApplicationStart,
   ApplyNow,
+  BoatMooringLocation,
   ClearingForm,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
+  ConstructionLendingDynamic,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,
@@ -83,6 +89,9 @@ export {
   disclosureForm,
   dropdown,
   dynPH,
+  email_only_btn,
+  email_only_h2,
+  email_only_padding,
   form,
   formBtns,
   formContainer,

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

@@ -3,7 +3,7 @@ export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
-            borderBottom: "1px solid #d4d4d4";
+            borderBottom: "1px solid #B9C1CE";
             color: `var(--${string})`;
         };
         secondary: {
@@ -30,16 +30,10 @@ export declare const img_contents: string;
 export declare const heroSupertag: 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})`;
@@ -52,16 +46,10 @@ export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<
 export declare const headline_text: 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})`;

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,8 +1,10 @@
-import '../assets/HeroBanner/HeroBanner.css';import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+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                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                   */
+/* empty css                                    */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var logout = "_1ye8k3f0";

package/dist/HeroBanner/HeroBanner.js

@@ -7,8 +7,9 @@ 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/premier.css';import '../assets/themes/axos.css';/* empty 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                                                */
@@ -112,7 +113,8 @@ const HeroBanner = ({
                   displayText,
                   targetUrl,
                   type,
-                  icon
+                  icon,
+                  newTab
                 }) => type === "Button" ? /* @__PURE__ */ jsxs(
                   Button,
                   {
@@ -121,6 +123,7 @@ const HeroBanner = ({
                     size: "large",
                     rounded: "medium",
                     square: icon !== void 0,
+                    newTab,
                     children: [
                       typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
                         "span",
@@ -146,6 +149,7 @@ const HeroBanner = ({
                     targetUrl,
                     variant: getVariant(variant2),
                     goBack: bannerType === "Logout",
+                    newTab,
                     children: displayText
                   },
                   id2
@@ -183,18 +187,7 @@ const HeroBanner = ({
               /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
               /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: clsx(
-                        "header_2",
-                        selection_headline_text({
-                          variant: getVariant(variant)
-                        })
-                      ),
-                      children: selection?.headline
-                    }
-                  ),
+                  /* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
                   /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
                 ] }),
                 selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
@@ -203,7 +196,8 @@ const HeroBanner = ({
                     icon,
                     displayText,
                     targetUrl,
-                    type
+                    type,
+                    newTab
                   }) => type === "Button" ? /* @__PURE__ */ jsxs(
                     Button,
                     {
@@ -212,6 +206,7 @@ const HeroBanner = ({
                       size: "large",
                       rounded: "medium",
                       square: true,
+                      newTab,
                       children: [
                         typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: selection_section_icon, children: /* @__PURE__ */ jsx(
                           "span",
@@ -239,6 +234,7 @@ const HeroBanner = ({
                       rounded: "medium",
                       size: "large",
                       square: true,
+                      newTab,
                       children: [
                         typeof icon !== "undefined" ? /* @__PURE__ */ jsx(
                           "div",
@@ -325,7 +321,7 @@ const HeroBanner = ({
                             /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
                               SvgCheckIcon,
                               {
-                                variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
+                                variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
                               }
                             ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
                             /* @__PURE__ */ jsx("span", { children: copy })
@@ -362,7 +358,8 @@ const HeroBanner = ({
                       variant: variant2,
                       displayText,
                       targetUrl,
-                      type
+                      type,
+                      newTab
                     }) => type === "Button" ? /* @__PURE__ */ jsx(
                       Button,
                       {
@@ -370,6 +367,7 @@ const HeroBanner = ({
                         color: getVariant(variant2),
                         size: "large",
                         rounded: "medium",
+                        newTab,
                         children: displayText
                       },
                       id2
@@ -378,6 +376,7 @@ const HeroBanner = ({
                       {
                         targetUrl,
                         variant: getVariant(variant2),
+                        newTab,
                         children: displayText
                       },
                       id2

package/dist/HeroBanner/LargeBanner.css.js

@@ -1,5 +1,6 @@
-import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typography.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                               */

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/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 {