@axos-web-dev/shared-components 1.0.99-dev.2 → 1.0.99-dev.20

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

@@ -21,7 +21,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";
-/* empty 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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -30,7 +30,8 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+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, 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/HelpArticle/HelpArticle.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/HelpArticle/HelpArticle.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                               */
 var helpArticle_headline = "_1yo1bp90";
 var insight_headline_2 = "_1yo1bp91";

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

@@ -2,21 +2,21 @@ export declare const logout: string;
 export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             borderBottom: "1px solid #d4d4d4";
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -30,44 +30,44 @@ export declare const img_contents: string;
 export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+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                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/HeroBanner/HeroBanner.js

@@ -7,7 +7,7 @@ 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";
-/* empty 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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -17,7 +17,7 @@ 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 { selection_section_icon, selection_section_icon_img, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.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";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -314,7 +314,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/LargeBanner.css.d.ts

@@ -1,16 +1,16 @@
 export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -18,52 +18,52 @@ export declare const lg_hero_content: string;
 export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const lg_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/HeroBanner/LargeBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */