@axos-web-dev/shared-components 0.0.117 → 0.0.118

package/dist/Forms/ScheduleCallPremier.js

@@ -89,186 +89,178 @@ const ScheduleCallPremier = ({
     await onSubmit(parseData);
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id: `id_${id}`,
-      className: clsx(formContainer({ variant })),
-      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
-        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
-          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
-          description && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "text_center",
-                form,
-                descriptionField({ variant })
-              ),
-              children: description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "first_name",
-                ...register("first_name", { required: true }),
-                label: "First Name",
-                sizes: "medium",
-                placeholder: "First Name",
-                required: true,
-                error: !!errors.first_name,
-                helperText: errors.first_name?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "last_name",
-                ...register("last_name", { required: true }),
-                label: "Last Name",
-                sizes: "medium",
-                placeholder: "Last Name",
-                required: true,
-                error: !!errors.last_name,
-                helperText: errors.last_name?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                ...register("email", {
-                  required: true,
-                  validate: {
-                    isValid: associatedEmail
-                  }
-                }),
-                label: "Email",
-                sizes: "medium",
-                placeholder: "Email",
-                required: true,
-                error: !!errors.email,
-                helperText: errors.email?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              InputPhone,
-              {
-                id: "phone",
-                ...register("phone", { required: true, maxLength: 12 }),
-                label: "Phone",
-                sizes: "medium",
-                placeholder: "Phone",
-                required: true,
-                error: !!errors.phone,
-                helperText: errors.phone?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Best_Contact_Date__c",
-                ...register("Best_Contact_Date__c", {
-                  required: true
-                }),
-                type: "date",
-                label: "Best Date to Call",
-                sizes: "medium",
-                placeholder: "Best Date to Call",
-                required: true,
-                error: !!errors.Best_Contact_Date__c,
-                helperText: errors.Best_Contact_Date__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Best_Time_To_Call__c",
-                ...register("Best_Time_To_Call__c", {
-                  required: true,
-                  maxLength: 12
-                }),
-                label: "Best Time to Call",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Best_Time_To_Call__c,
-                helperText: errors.Best_Time_To_Call__c?.message,
-                variant,
-                defaultValue: "Best Time to Call",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
-                  /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
-                  /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
-                  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-              CurrencyInput,
-              {
-                id: "Potential_Funding__c",
-                ...register("Potential_Funding__c", {
-                  required: true
-                }),
-                label: "Potential Funding",
-                placeholder: "Potential Funding",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Potential_Funding__c,
-                helperText: errors.Potential_Funding__c?.message,
-                variant
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "first_name",
+            ...register("first_name", { required: true }),
+            label: "First Name",
+            sizes: "medium",
+            placeholder: "First Name",
+            required: true,
+            error: !!errors.first_name,
+            helperText: errors.first_name?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "last_name",
+            ...register("last_name", { required: true }),
+            label: "Last Name",
+            sizes: "medium",
+            placeholder: "Last Name",
+            required: true,
+            error: !!errors.last_name,
+            helperText: errors.last_name?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "email",
+            ...register("email", {
+              required: true,
+              validate: {
+                isValid: associatedEmail
               }
-            ) })
-          ] }),
-          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
-  );
+            }),
+            label: "Email",
+            sizes: "medium",
+            placeholder: "Email",
+            required: true,
+            error: !!errors.email,
+            helperText: errors.email?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          InputPhone,
+          {
+            id: "phone",
+            ...register("phone", { required: true, maxLength: 12 }),
+            label: "Phone",
+            sizes: "medium",
+            placeholder: "Phone",
+            required: true,
+            error: !!errors.phone,
+            helperText: errors.phone?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Best_Contact_Date__c",
+            ...register("Best_Contact_Date__c", {
+              required: true
+            }),
+            type: "date",
+            label: "Best Date to Call",
+            sizes: "medium",
+            placeholder: "Best Date to Call",
+            required: true,
+            error: !!errors.Best_Contact_Date__c,
+            helperText: errors.Best_Contact_Date__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Best_Time_To_Call__c",
+            ...register("Best_Time_To_Call__c", {
+              required: true,
+              maxLength: 12
+            }),
+            label: "Best Time to Call",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Best_Time_To_Call__c,
+            helperText: errors.Best_Time_To_Call__c?.message,
+            variant,
+            defaultValue: "Best Time to Call",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
+              /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
+              /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
+              /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
+              /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
+              /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
+              /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
+              /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
+              /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
+              /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
+              /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+          CurrencyInput,
+          {
+            id: "Potential_Funding__c",
+            ...register("Potential_Funding__c", {
+              required: true
+            }),
+            label: "Potential Funding",
+            placeholder: "Potential Funding",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Potential_Funding__c,
+            helperText: errors.Potential_Funding__c?.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
+        }
+      ) })
+    ] })
+  ] }) }) }, id);
 };
 export {
   ScheduleCallPremier

package/dist/Forms/WcplSurvey.js

@@ -79,116 +79,108 @@ const WCPLSurvey = ({
     console.log(errors, isValid);
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id: `id_${id}`,
-      className: clsx(formContainer({ variant })),
-      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
-        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
-          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
-          description && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `${form} ${descriptionField({ variant })} text_center`,
-              children: description
-            }
-          )
-        ] }),
-        /* @__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
-            }
-          ) })
-        ] })
-      ] }) })
-    },
-    id
-  );
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${form} ${descriptionField({ variant })} text_center`,
+          children: description
+        }
+      )
+    ] }),
+    /* @__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
+        }
+      ) })
+    ] })
+  ] }) }) }, id);
 };
 export {
   WCPLSurvey

package/dist/HeroBanner/HeroBanner.css.js

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

@@ -25,7 +25,7 @@ const HeroBanner = ({
   return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Hero" || bannerType === "Logout" ? /* @__PURE__ */ jsx(
     "section",
     {
-      id: `id_${id}`,
+      id,
       className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
       children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
         "div",
@@ -199,7 +199,7 @@ const HeroBanner = ({
     "section",
     {
       className: lg_hero_banner({ variant: getVariant(variant) }),
-      id: `id_${id}`,
+      id,
       children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
         "div",
         {

package/dist/IconBillboard/IconBillboard.d.ts

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