@axos-web-dev/shared-components 0.0.57 → 0.0.59

package/dist/Forms/DealerServices.d.ts

@@ -0,0 +1,32 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { PropsWithChildren, ReactNode } from 'react';
+
+export type DealerServicesInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    title: string;
+    company: string;
+    Dealer_Type__c: string;
+    Lead_Source_Detail_SFDC2__c: string;
+    city: string;
+    state: string;
+    zip: string;
+    description: string;
+};
+export interface DealerServicesFormProps extends PropsWithChildren {
+    id?: string;
+    onSubmit?: (values: {
+        [index: string]: string;
+    }) => void;
+    icon?: boolean;
+    headline?: ReactNode | string;
+    description?: ReactNode | string;
+    disclosure?: ReactNode | string;
+    variant?: QuaternaryTypes;
+    validateEmail: (email: string) => Promise<boolean>;
+    callToAction: Omit<ChevronProps, "targetUrl">;
+}
+export declare const DealerServices: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: DealerServicesFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/DealerServices.js

@@ -0,0 +1,311 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import { InputTextArea } from "../Input/InputTextArea.js";
+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                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import { associatedEmail } from "../utils/EverestValidity.js";
+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 { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const DealerServices = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  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)),
+    phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    title: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Title is required." }),
+    company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Company Name is required." }),
+    Dealer_Type__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Franchise or Independent is required." }),
+    Lead_Source_Detail_SFDC2__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, {
+      message: "Dealer Services or Collector Car Program is required."
+    }),
+    city: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "City is required." }),
+    state: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "State is required." }),
+    zip: z.string().trim().max(20).min(1, { message: "Zip code is required." }),
+    description: z.string().trim().max(32e3)
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  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} text_center`, 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: "title",
+                ...register("title", { required: true }),
+                label: "Title",
+                sizes: "medium",
+                placeholder: "Title",
+                required: true,
+                error: !!errors.title,
+                helperText: errors.title?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company", { required: true }),
+                label: "Company Name",
+                sizes: "medium",
+                placeholder: "Company Name",
+                required: true,
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Dealer_Type__c",
+                ...register("Dealer_Type__c", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Franchise or Independent",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Dealer_Type__c,
+                helperText: errors.Dealer_Type__c?.message,
+                variant,
+                defaultValue: "Franchise",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Franchise", children: "Franchise" }),
+                  /* @__PURE__ */ jsx("option", { value: "Independent", children: "Independent" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Lead_Source_Detail_SFDC2__c",
+                ...register("Lead_Source_Detail_SFDC2__c", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Dealer Services or Collector Car Program",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Lead_Source_Detail_SFDC2__c,
+                helperText: errors.Lead_Source_Detail_SFDC2__c?.message,
+                variant,
+                defaultValue: "Dealer Services",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Dealer Services", children: "Dealer Services" }),
+                  /* @__PURE__ */ jsx("option", { value: "Collector Car Program", children: "Collector Car Program" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "city",
+                ...register("city", { required: true }),
+                label: "City",
+                sizes: "medium",
+                placeholder: "City",
+                required: true,
+                error: !!errors.city,
+                helperText: errors.city?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "state",
+                ...register("state", { required: true }),
+                label: "State",
+                sizes: "medium",
+                placeholder: "State",
+                required: true,
+                error: !!errors.state,
+                helperText: errors.state?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "zip",
+                ...register("zip", { required: true }),
+                label: "Zip Code",
+                sizes: "medium",
+                placeholder: "Zip Code",
+                required: true,
+                error: !!errors.zip,
+                helperText: errors.zip?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "description",
+                ...register("description"),
+                label: "Additional Details",
+                sizes: "medium",
+                placeholder: "Additional Details",
+                error: !!errors.description,
+                helperText: errors.description?.message,
+                variant,
+                rows: 1
+              }
+            ) })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  DealerServices
+};

package/dist/Forms/EmailOnly.js

@@ -9,6 +9,7 @@ import "../Input/Dropdown.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -27,6 +28,10 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import clsx from "clsx";

package/dist/Forms/RenderForm.js

@@ -13,6 +13,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
@@ -27,6 +28,10 @@ import "../Accordion/Accordion.css.js";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */

package/dist/Forms/ScheduleCall.js

@@ -13,6 +13,7 @@ import "../Input/Dropdown.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/ScheduleCallPremier.js

@@ -13,6 +13,7 @@ import { Dropdown } from "../Input/Dropdown.js";
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";

package/dist/Forms/SuccesForm.d.ts

@@ -1,6 +1,10 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 
-export declare function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, }: {
+export interface SuccessFormProps extends PropsWithChildren {
+    id?: string;
+    headline?: string;
+    bodyCopy?: ReactNode;
     isSubmitted: boolean;
     variant?: string;
-} & PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+}
+export declare function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, bodyCopy, headline, id, }: SuccessFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/SuccesForm.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import "@hookform/resolvers/zod";
@@ -14,6 +14,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
@@ -28,6 +29,10 @@ import "../Accordion/Accordion.css.js";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */
@@ -59,68 +64,78 @@ import "next/script.js";
 function SuccesFormWrapper({
   children,
   isSubmitted,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  bodyCopy,
+  headline,
+  id
 }) {
   const variant = getVariant(fullVariant);
-  return !isSubmitted ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsxs("div", { className: clsx(success_wrap({ variant }), "text_center"), children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        className: success_icon,
-        width: "90px",
-        height: "97px",
-        viewBox: "0 0 90 90",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg",
-        xmlnsXlink: "http://www.w3.org/1999/xlink",
-        xmlSpace: "preserve",
-        style: {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeMiterlimit: "1.5"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: "0",
-              y: "0",
-              width: "90",
-              height: "99",
-              style: { fill: "none" }
-            }
-          ),
-          /* @__PURE__ */ jsx("clipPath", { id: "_clip1", children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "90", height: "99" }) }),
-          /* @__PURE__ */ jsxs("g", { clipPath: "url(#_clip1)", children: [
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: success_circle({ variant }),
-                cx: "44.662",
-                cy: "44.662",
-                r: "42.662"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                className: succes_check_mark,
-                d: "M28.985,44.662l12.015,12.015l46.324,-54.677"
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("h1", { id: "submittedText", children: "Submitted!" }),
-    /* @__PURE__ */ jsxs("p", { id: "thankYouText", children: [
-      "Thank you!",
-      /* @__PURE__ */ jsx("br", {}),
-      "A Banking expert will be in contact with you shortly"
-    ] })
-  ] });
+  return !isSubmitted ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(success_wrap({ variant }), "text_center"),
+      id: id ?? void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: success_icon,
+            width: "90px",
+            height: "97px",
+            viewBox: "0 0 90 90",
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            xmlSpace: "preserve",
+            style: {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeMiterlimit: "1.5"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "rect",
+                {
+                  x: "0",
+                  y: "0",
+                  width: "90",
+                  height: "99",
+                  style: { fill: "none" }
+                }
+              ),
+              /* @__PURE__ */ jsx("clipPath", { id: "_clip1", children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "90", height: "99" }) }),
+              /* @__PURE__ */ jsxs("g", { clipPath: "url(#_clip1)", children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: success_circle({ variant }),
+                    cx: "44.662",
+                    cy: "44.662",
+                    r: "42.662"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    className: succes_check_mark,
+                    d: "M28.985,44.662l12.015,12.015l46.324,-54.677"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { id: "submittedText", children: headline || "Submitted!" }),
+        /* @__PURE__ */ jsx("p", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
+          "Thank you!",
+          /* @__PURE__ */ jsx("br", {}),
+          "A Banking expert will be in contact with you shortly"
+        ] }) })
+      ]
+    }
+  );
 }
 export {
   SuccesFormWrapper

package/dist/Forms/index.d.ts

@@ -7,3 +7,5 @@ export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
 export * from './ScheduleCallPremier';
 export * from './SuccesForm';
+export * from './ContactCompany';
+export * from './DealerServices';

package/dist/Forms/index.js

@@ -7,9 +7,13 @@ import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.j
 import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
+import { ContactCompany } from "./ContactCompany.js";
+import { DealerServices } from "./DealerServices.js";
 export {
   ApplicationStart,
+  ContactCompany,
   ContactUsBusiness,
+  DealerServices,
   EmailOnly,
   RenderWebForm,
   SalesforceFieldsForm,

package/dist/Hyperlink/index.js

@@ -18,8 +18,12 @@ import "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
 /* empty css                                          */
+/* empty css                                              */
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/ImageLink/ImageLink.js

@@ -18,6 +18,10 @@ import { isValidElement } from "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -36,6 +40,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -21,6 +21,10 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";