@axos-web-dev/shared-components 0.0.120 → 0.0.121

package/dist/Comparison/Comparison.css.js

@@ -1,7 +1,7 @@
 /* empty css                                */
-/* empty css                                   */
-/* empty css                                */
 /* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Forms/ClearingForm.js

@@ -30,7 +30,7 @@ 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, fullRowForm, ro_input, disclosureForm, actions } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, xc_input, fullRowForm, ro_input, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const options = [
   { label: "Active Trading", value: "Active Trading" },
@@ -243,7 +243,7 @@ const ClearingForm = ({
             variant
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: xc_input, children: /* @__PURE__ */ jsxs(
           Dropdown,
           {
             id: "Current_Assets_Under_Management__c",

package/dist/Forms/CommercialDeposits.d.ts

@@ -0,0 +1,18 @@
+import { FormProps } from './FormProps';
+
+export type CommercialDepositsInputs = {
+    first_name: string;
+    last_name: string;
+    company: string;
+    email: string;
+    phone: string;
+    Estimated_Gross_Annual_Revenue__c: string;
+    Banking__c: boolean;
+    Treasury_Management__c: boolean;
+    Commercial_Credit_Card__c: boolean;
+    Lending__c: boolean;
+    Others__c: boolean;
+    Others_Detail__c: string;
+    Product_and_servicing_needs__c: string;
+};
+export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CommercialDeposits.js

@@ -0,0 +1,326 @@
+"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 { Checkbox } from "../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 "../Input/InputAmount.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";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import { associatedEmail } from "../utils/EverestValidity.js";
+import "../utils/allowedAxosDomains.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, x_input, fullRowForm, pl_label, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const CommercialDeposits = ({
+  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({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "First name is required."
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Last Name is required."
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }),
+    // .refine(async (val: string) => await validateEmail(val)),
+    phone: z.string({ message: "Business Phone is required." }).regex(/[\d-]{10}/, { message: "Business Phone is required." }).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Business Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    company: z.string({ message: "Business Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Business Name is required"
+    }).trim().min(1, { message: "Business Name is required." }),
+    Estimated_Gross_Annual_Revenue__c: z.string(),
+    Banking__c: z.boolean(),
+    Treasury_Management__c: z.boolean(),
+    Commercial_Credit_Card__c: z.boolean(),
+    Lending__c: z.boolean(),
+    Others__c: z.boolean(),
+    Others_Detail__c: z.string(),
+    Product_and_servicing_needs__c: z.string()
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all"
+  });
+  const {
+    handleSubmit,
+    register,
+    setValue,
+    watch,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const othersChecked = watch("Others__c");
+  const submitForm = async (data) => {
+    const processData = {
+      ...data,
+      Banking__c: data.Banking__c ? true : false
+    };
+    await onSubmit(processData);
+  };
+  const handleDropdownChange = (event) => {
+    const value = event.target.value;
+    setValue("Estimated_Gross_Annual_Revenue__c", value);
+  };
+  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: clsx(headerContainer, "text_center"), children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                form,
+                descriptionField({ variant }),
+                "text_center"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", {
+                  required: "First Name is required"
+                }),
+                label: "First Name",
+                sizes: "medium",
+                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",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company", { required: true }),
+                label: "Business Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: x_input, children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Business Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Estimated_Gross_Annual_Revenue__c",
+                ...register("Estimated_Gross_Annual_Revenue__c", {
+                  required: true
+                }),
+                label: "Estimated Gross Annual Revenue",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Estimated_Gross_Annual_Revenue__c,
+                helperText: errors.Estimated_Gross_Annual_Revenue__c?.message,
+                variant,
+                defaultValue: "Select option",
+                onChange: handleDropdownChange,
+                children: [
+                  /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Under $3MM", children: "Under $3MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$3MM - $10MM", children: "$3MM - $10MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$10MM - $100MM", children: "$10MM - $100MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "Above $100MM", children: "Above $100MM" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
+              /* @__PURE__ */ jsx("div", { className: pl_label, children: "Which products or services apply to your request? Click all that apply." }),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "Banking__c",
+                  ...register("Banking__c"),
+                  sizes: "medium",
+                  variant,
+                  children: "Banking"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "Treasury_Management__c",
+                  ...register("Treasury_Management__c"),
+                  sizes: "medium",
+                  variant,
+                  children: "Treasury Management"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "Commercial_Credit_Card__c",
+                  ...register("Commercial_Credit_Card__c"),
+                  sizes: "medium",
+                  variant,
+                  children: "Commercial Credit Card"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "Lending__c",
+                  ...register("Lending__c"),
+                  sizes: "medium",
+                  variant,
+                  children: "Lending"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: "Others__c",
+                  ...register("Others__c"),
+                  sizes: "medium",
+                  variant,
+                  children: "Other"
+                }
+              ),
+              othersChecked && /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "Others_Detail__c",
+                  ...register("Others_Detail__c", { required: false }),
+                  sizes: "medium",
+                  required: false,
+                  error: !!errors.Others_Detail__c,
+                  helperText: errors.Others_Detail__c?.message,
+                  variant
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Product_and_servicing_needs__c",
+                ...register("Product_and_servicing_needs__c", {
+                  required: false
+                }),
+                label: "Kindly describe your product and/or servicing needs.",
+                sizes: "medium",
+                required: false,
+                error: !!errors.Product_and_servicing_needs__c,
+                helperText: errors.Product_and_servicing_needs__c?.message,
+                variant
+              }
+            ) })
+          ] }),
+          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 {
+  CommercialDeposits
+};

package/dist/Forms/CpraRequest.d.ts

@@ -18,10 +18,10 @@ export type CpraInputs = {
     DOB: string;
     email: string;
     Telephone: string;
-    "Street Address": string;
+    Street_Address: string;
     City: string;
-    State: string;
-    "Zip Code": string;
+    State_: string;
+    Zip_Code: string;
     Contact_Method: "Email" | "Postal Mail";
 };
 export declare const CpraRequest: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CpraRequest.js

@@ -56,10 +56,10 @@ const CpraRequest = ({
     Previously_Employed_by_Axos_Financial: z.string(),
     Ever_Applied_for_Employment_with_Axos_Financial: z.string(),
     Axos_Financial_interaction_outlet: z.string(),
-    "Street Address": z.string(),
+    Street_Address: z.string(),
     City: z.string(),
-    State: z.string(),
-    "Zip Code": z.string().regex(/^\d{5}(-\d{4})?$/, { message: "Invalid Zip Code format." }),
+    State_: z.string(),
+    Zip_Code: z.string().regex(/^\d{5}(-\d{4})?$/, { message: "Invalid Zip Code format." }),
     Contact_Method: z.string(),
     DOB: z.string(),
     First_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
@@ -575,7 +575,7 @@ const CpraRequest = ({
           Input,
           {
             id: "Street_Address",
-            ...register("Street Address", { required: true }),
+            ...register("Street_Address", { required: true }),
             label: "Street Address",
             sizes: "medium",
             required: true,
@@ -596,15 +596,15 @@ const CpraRequest = ({
         /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
           Dropdown,
           {
-            id: "State",
-            ...register("State", {
+            id: "State_",
+            ...register("State_", {
               required: true
             }),
             label: "Assets Under Management",
             sizes: "medium",
             required: true,
-            error: !!errors.State,
-            helperText: errors.State?.message,
+            error: !!errors.State_,
+            helperText: errors.State_?.message,
             variant,
             children: [
               /* @__PURE__ */ jsx("option", { value: "Alabama - AL", children: "Alabama - AL" }),
@@ -664,7 +664,7 @@ const CpraRequest = ({
           Input,
           {
             id: "Zip_Code",
-            ...register("Zip Code", { required: true }),
+            ...register("Zip_Code", { required: true }),
             label: "Zip Code",
             sizes: "medium",
             required: true,

package/dist/Forms/Forms.css.d.ts

@@ -180,3 +180,6 @@ export declare const section_title: import('@vanilla-extract/recipes').RuntimeFn
 }>;
 export declare const checkbox_group: string;
 export declare const ro_input: string;
+export declare const pl_label: string;
+export declare const x_input: string;
+export declare const xc_input: string;

package/dist/Forms/Forms.css.js

@@ -1,8 +1,8 @@
 /* empty css                                   */
 /* empty css                                */
-/* empty css                                   */
-/* empty css                                */
 /* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -24,6 +24,9 @@ var one_row = "tfms6a1a";
 var section_title = createRuntimeFn({ defaultClassName: "tfms6a1b", variantClassNames: { variant: { primary: "tfms6a1c", secondary: "tfms6a1d", tertiary: "tfms6a1e", quaternary: "tfms6a1f" } }, defaultVariants: {}, compoundVariants: [] });
 var checkbox_group = "tfms6a1g";
 var ro_input = "tfms6a1h";
+var pl_label = "tfms6a1i";
+var x_input = "tfms6a1j";
+var xc_input = "tfms6a1k";
 export {
   actions,
   checkbox_group,
@@ -37,10 +40,13 @@ export {
   headerForm,
   iconForm,
   one_row,
+  pl_label,
   ro_input,
   section_title,
   succes_check_mark,
   success_circle,
   success_icon,
-  success_wrap
+  success_wrap,
+  x_input,
+  xc_input
 };

package/dist/Forms/index.d.ts

@@ -18,3 +18,5 @@ export * from './ScheduleCall';
 export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './WcplSurvey';
+export * from './CpraRequest';
+export * from './CommercialDeposits';

package/dist/Forms/index.js

@@ -10,16 +10,18 @@ import { CpraRequest } from "./CpraRequest.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, pl_label, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, x_input, xc_input } from "./Forms.css.js";
 import { QuickPricer } from "./QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
+import { CommercialDeposits } from "./CommercialDeposits.js";
 export {
   ApplicationStart,
   ClearingForm,
+  CommercialDeposits,
   CommercialLending,
   ContactCompany,
   ContactUs,
@@ -49,10 +51,13 @@ export {
   headerForm,
   iconForm,
   one_row,
+  pl_label,
   ro_input,
   section_title,
   succes_check_mark,
   success_circle,
   success_icon,
-  success_wrap
+  success_wrap,
+  x_input,
+  xc_input
 };

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/ImageBillboard/ImageBillboard.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 billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/Input.css.js

@@ -1,6 +1,6 @@
+/* empty css                            */
 /* empty css                                */
 /* empty css                                   */
-/* empty css                            */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Insight/Featured/CategorySelector.css.js

@@ -1,7 +1,7 @@
+/* empty css                            */
 /* empty css                                   */
 /* empty css                                      */
 /* empty css                                             */
-/* empty css                            */
 /* empty css                                    */
 var selector_section = "_13y9ptj0";
 var selector_link = "_13y9ptj1";

package/dist/assets/Forms/Forms.css

@@ -243,6 +243,9 @@
   cursor: pointer;
   caret-color: transparent;
 }
+.tfms6a1i {
+  padding-left: 16px;
+}
 @media screen and (max-width:1023px) {
   .tfms6a0 {
     padding-inline: 0;
@@ -284,4 +287,23 @@
   .tfms6a1g ._18du0laf {
     padding: 6px;
   }
+}
+@media screen and (max-width: 768px) and (min-width: 604px) {
+  .tfms6a1j label {
+    height: 48px;
+    display: flex;
+    align-items: flex-end;
+  }
+}
+@media screen and (max-width: 579px) and (min-width: 481px) {
+  .tfms6a1j label {
+    height: 48px;
+    display: flex;
+    align-items: flex-end;
+  }
+}
+@media screen and (max-width: 483px) {
+  .tfms6a1j label {
+    white-space: nowrap;
+  }
 }

package/dist/index.css.js

@@ -1,3 +1,3 @@
-/* empty css                                         */
 /* empty css                           */
+/* empty css                                         */
 /* empty css                         */

package/dist/main.js

@@ -53,13 +53,14 @@ import { CpraRequest } from "./Forms/CpraRequest.js";
 import { DealerServices } from "./Forms/DealerServices.js";
 import { EmailOnly } from "./Forms/EmailOnly.js";
 import { EmailUs } from "./Forms/EmailUs.js";
-import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
+import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, pl_label, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, x_input, xc_input } from "./Forms/Forms.css.js";
 import { QuickPricer } from "./Forms/QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
+import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./HeroBanner/SelectionBanner.css.js";
@@ -203,6 +204,7 @@ export {
   default19 as ClockIcon,
   default10 as CloseIcon,
   CollectInformationAlert,
+  CommercialDeposits,
   CommercialLending,
   ComparisonSet,
   ContactCompany,
@@ -479,6 +481,7 @@ export {
   picker_navItem,
   picker_orient,
   picker_section,
+  pl_label,
   pn_btn,
   pn_link,
   point,
@@ -554,5 +557,7 @@ export {
   video_title,
   vidyard_height,
   w_100,
-  wrapper
+  wrapper,
+  x_input,
+  xc_input
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.120",
+  "version": "0.0.121",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",