@axos-web-dev/shared-components 1.0.99-feature-brand.2 → 1.0.99-feature-toasts

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

package/dist/Forms/WcplSurvey.js

@@ -31,6 +31,7 @@ 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 { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const WCPLSurvey = ({
   icon = false,
@@ -42,6 +43,7 @@ const WCPLSurvey = ({
   variant: fullVariant = "primary",
   headline,
   callToAction,
+  onValidate,
   id,
   description
 }) => {
@@ -68,8 +70,16 @@ const WCPLSurvey = ({
       return removeDashes;
     })
   });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+  });
   const methods = useForm({
-    resolver: zodResolver(schema.merge(SalesforceSchema), {
+    resolver: zodResolver(gen_schema, {
       async: true
     }),
     mode: "all",
@@ -99,95 +109,107 @@ const WCPLSurvey = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          RadioButtonSet,
-          {
-            id: "Has_Deal",
-            label: "Do You have a potential deal you would like to discuss with an Account Executive?",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Has_Deal,
-            helperText: errors.Has_Deal?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "Yes",
-                  radioText: "Yes",
-                  groupName: "Has_Deal"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "No",
-                  radioText: "No",
-                  groupName: "Has_Deal"
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "Description_of_Deal_Details",
-            ...register("Description_of_Deal_Details", {
-              required: true
-            }),
-            label: "Write Your Message",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Description_of_Deal_Details,
-            helperText: errors.Description_of_Deal_Details?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "Telephone",
-            ...register("Telephone", { required: true, maxLength: 12 }),
-            label: "Telephone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.Telephone,
-            helperText: errors.Telephone?.message,
-            variant
-          }
-        ) })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
-        LoadingIndicator,
-        {
-          style: { marginInline: "auto" },
-          variant
-        }
-      ) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction?.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid || isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "Has_Deal",
+                label: "Do You have a potential deal you would like to discuss with an Account Executive?",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Has_Deal,
+                helperText: errors.Has_Deal?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "Has_Deal"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "Has_Deal"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "Description_of_Deal_Details",
+                ...register("Description_of_Deal_Details", {
+                  required: true
+                }),
+                label: "Write Your Message",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Description_of_Deal_Details,
+                helperText: errors.Description_of_Deal_Details?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "Telephone",
+                ...register("Telephone", { required: true, maxLength: 12 }),
+                label: "Telephone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.Telephone,
+                helperText: errors.Telephone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/applynow-utils.d.ts

@@ -0,0 +1 @@
+export declare const getLink: (selection: Array<string>) => string;

package/dist/Forms/applynow-utils.js

@@ -0,0 +1,48 @@
+const getLink = (selection) => {
+  const formSelection = selection.join(" | ");
+  let url = "{LVFMYSITE}/Portal/nPortal__SelfRegistration?core=es5";
+  switch (formSelection) {
+    case "Term | Full-time Charter | LLC":
+      url += "&product=a0u5e000001XiAo";
+      break;
+    case "Term | Limited Charter | LLC":
+      url += "&product=a0u5e000001XiAp";
+      break;
+    case "Term | Personal Use | LLC":
+      url += "&product=a0u5e000001XiB3";
+      break;
+    case "Term | Full-time Charter | Personal":
+      url += "&product=a0u5e000001Wfd5";
+      break;
+    case "Term | Limited Charter | Personal":
+      url += "&product=a0u5e000001WfdA";
+      break;
+    case "Term | Personal Use | Personal":
+      url += "&product=a0u5e000001WfdB";
+      break;
+    case "Credit Line | Full-time Charter | LLC":
+      url += "&product=a0u8W00002DhceX";
+      break;
+    case "Credit Line | Limited Charter | LLC":
+      url += "&product=a0u8W00002DhceY";
+      break;
+    case "Credit Line | Personal Use | LLC":
+      url += "&product=a0u8W00002DhceZ";
+      break;
+    case "Credit Line | Full-time Charter | Personal":
+      url += "&product=a0u8W00002DhceS";
+      break;
+    case "Credit Line | Limited Charter | Personal":
+      url += "&product=a0u8W00002DhceT";
+      break;
+    case "Credit Line | Personal Use | Personal":
+      url += "&product=a0u8W00002DhceU";
+      break;
+    default:
+      url += "&product=a0u5e000000hzHz";
+  }
+  return url;
+};
+export {
+  getLink
+};

package/dist/Forms/index.d.ts

@@ -1,5 +1,6 @@
 export * from './ApplicationStart';
 export * from './ApplyNow';
+export * from './applynow-utils';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
 export * from './CommercialLending';
@@ -19,10 +20,12 @@ export * from './EmailOnly';
 export * from './EmailUs';
 export * from './FormProps';
 export * from './Forms.css';
+export * from './HoneyPot';
 export * from './MortgageRate/MortgageRateForm';
 export * from './MortgageRate/MortgageRateModal';
 export * from './MortgageRate/MortgageRateQuoteFilters';
 export * from './MortgageRate/MortgageRateWatch';
+export * from './MortgageWarehouseLending';
 export * from './QuickPricer';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';

package/dist/Forms/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { ApplicationStart } from "./ApplicationStart.js";
-import { ApplyNow, getLink } from "./ApplyNow.js";
+import { ApplyNow } from "./ApplyNow.js";
+import { getLink } from "./applynow-utils.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
 import { CommercialLending } from "./CommercialLending.js";
@@ -18,7 +19,8 @@ import { CraPublicFile } from "./CraPublicFile.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, 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, 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";
@@ -26,6 +28,7 @@ import "../utils/allowedAxosDomains.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
+import { MortgageWarehouseLending } from "./MortgageWarehouseLending.js";
 import { QuickPricer } from "./QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./QuickPricer/UserInformation.js";
@@ -56,8 +59,10 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  HoneyPot,
   MortgageRate,
   MortgageRateFilters,
+  MortgageWarehouseLending,
   QuickPricer,
   RateWatchForm,
   SalesforceFieldsForm,
@@ -69,6 +74,8 @@ export {
   VendorQuestionnaire,
   WCPLSurvey,
   actions,
+  apply_now_form,
+  axosHeader,
   back_btn_apply_now,
   centerSelect,
   checkbox_group,
@@ -86,10 +93,13 @@ export {
   fullRowSelect,
   getLink,
   headerContainer,
+  headerF,
   headerForm,
   hide_options,
+  honeyPotSchema,
   iconForm,
   iconbillboards_option_apply_now,
+  isValidHoneyPot,
   mb_form,
   modalCheckboxContainer,
   modalMobile,

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

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, toastAlignment, }: HeroBannerInterface) => import("react/jsx-runtime").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';
 
 export interface HeroImageInterface {
@@ -29,4 +30,6 @@ export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWith
     bullets: BulletItemProps[];
     subBodyCopy?: string | ReactNode;
     callToActionRow?: ChevronProps[];
+    toast?: IconBillboardProps[];
+    toastAlignment?: string;
 }

package/dist/HeroBanner/HeroBanner.js

@@ -18,6 +18,7 @@ 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 { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
+import { ToastWrapper, ImageToast } from "../ImageToast/index.js";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -31,7 +32,9 @@ const HeroBanner = ({
   imagePlacement = "Right",
   variant,
   selection,
-  isSelectionBanner = false
+  isSelectionBanner = false,
+  toast,
+  toastAlignment
 }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
     "section",
@@ -152,38 +155,52 @@ 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: `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
+                  }
+                )
+              ] }),
+              toast && toast.length > 0 && /* @__PURE__ */ jsx(ToastWrapper, { alignment: toastAlignment ?? "Bottom Left", children: 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: [
-                  /* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      className: clsx(
+                        "header_2",
+                        selection_headline_text({
+                          variant: getVariant(variant)
+                        })
+                      ),
+                      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(
@@ -303,7 +320,48 @@ const HeroBanner = ({
                       children: headline
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }) }),
+                  /* @__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" ? "primary" : "secondary"
+                              }
+                            ) : /* @__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,

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

@@ -1,4 +1,22 @@
-export declare const selection_headline_text: string;
+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_section: string;
 export declare const selection_section_bg: string;
 export declare const selection_section_content: string;

package/dist/HeroBanner/SelectionBanner.css.js

@@ -4,12 +4,12 @@ import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victo
 /* empty css                                    */
 /* empty css                                   */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-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: [] });
+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: [] });
 export {
   selection_headline_text,
   selection_section,