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

package/dist/FaqAccordion/index.js

@@ -7,10 +7,10 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty css                                    */
-/* empty css                                       */
-/* empty css                                                        */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import "../Accordion/Accordion.js";
 import { icon } from "../Accordion/Accordion.css.js";
 import { Chevron } from "../Chevron/index.js";
@@ -29,8 +29,8 @@ import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                              */
-/* empty css                                       */
+/* empty css                                          */
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
@@ -45,15 +45,15 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-/* empty css                                                                                    */
+/* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                  */
-/* empty css                                              */
 /* empty css                                              */
-/* empty css                                                        */
+/* empty css                                          */
+/* empty css                                          */
+/* empty css                                                    */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                        */
+/* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -62,43 +62,41 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                                  */
+/* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
+/* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                                  */
-/* empty css                                                          */
+/* empty css                                              */
+/* empty css                                                      */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
-/* empty css                                    */
+/* empty css                                */
 import "../Modal/contextApi/store.js";
-/* empty css                                                          */
-/* empty css                                                             */
-/* empty css                                                                  */
-/* empty css                                                                     */
-/* empty css                                                       */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";
-/* empty css                                                          */
-/* empty css                                                           */
+/* empty css                                                      */
+/* empty css                                                       */
 import "../PageNavItem/PageNavItem.css.js";
-import "lodash";
 import "react-slick";
-/* empty css                                                   */
-/* empty css                                             */
-/* empty css                                                        */
-/* empty css                                                      */
+/* empty css                                                 */
+/* empty css                                                    */
+/* empty css                                                  */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                            */
-/* empty css                                                      */
-/* empty css                                                    */
-/* empty css                                            */
+/* empty css                                        */
 /* empty css                                                  */
+/* empty css                                                */
+/* empty css                                        */
+/* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
 import { summary, summaryHeader, content, header, faqAccordion } from "./FaqAccordion.css.js";
@@ -181,8 +179,8 @@ const AccordionItemContent = (props) => {
   return /* @__PURE__ */ jsx("div", { className: content, children: props.children });
 };
 const FaqAccordion = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsxs("section", { children: [
+  const { children, id } = props;
+  return /* @__PURE__ */ jsxs("section", { id, children: [
     props.header && /* @__PURE__ */ jsx("h2", { className: header, children: props.header }),
     /* @__PURE__ */ jsx("div", { className: faqAccordion, children })
   ] });

package/dist/FooterDisclosure/FooterDisclosure.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                          */
+/* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var footerDisclosure = createRuntimeFn({ defaultClassName: "_1a6b3vu0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 var footerParagraph = "_1a6b3vu1";

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -4,8 +4,11 @@ type WithStyles = {
     style?: CSSProperties;
     className?: string;
 };
-export declare const FooterContent: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+type WithId = {
+    id?: string;
+};
+export declare const FooterContent: (props: PropsWithChildren & WithStyles & WithId) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterParagraph: (props: PropsWithChildren & WithStyles & WithId) => import("react/jsx-runtime").JSX.Element;
 export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
 export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -2,10 +2,26 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: clsx(props.className, "containment"), style: props.style, children: props.children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: props?.id ?? void 0,
+      className: clsx(props.className, "containment"),
+      style: props.style,
+      children: props.children
+    }
+  );
 };
 const FooterParagraph = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: clsx(footerParagraph, props.className), style: props.style, children: props.children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: props.id ?? void 0,
+      className: clsx(footerParagraph, props.className),
+      style: props.style,
+      children: props.children
+    }
+  );
 };
 const FooterIcons = (props) => {
   return /* @__PURE__ */ jsx(

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js

@@ -1,5 +1,5 @@
-/* empty css                                                 */
-/* empty css                                                                */
+/* empty css                                             */
+/* empty css                                 */
 var footer_section = "_1r5w2ux0";
 var footer_wrapper = "_1r5w2ux1";
 var footer_mobile = "_1r5w2ux2";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -3,10 +3,10 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                                           */
+/* empty css                                   */
+/* empty css                                      */
 /* empty css                                                       */
+/* empty css                                                   */
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
@@ -14,12 +14,12 @@ import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-/* empty css                                                 */
-/* empty css                                                 */
+/* empty css                                             */
+/* empty css                                             */
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                       */
+/* empty css                                   */
 import "../../Modal/contextApi/store.js";
 import "clsx";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -30,7 +30,7 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Dropdown.js";
-/* empty css                                          */
+/* empty css                                      */
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
 import "../../Input/InputAmount.js";
@@ -45,14 +45,14 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
-/* empty css                                                                                       */
+/* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                                           */
+/* empty css                                             */
+/* empty css                                                       */
 import "../../Carousel/index.js";
 import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                           */
+/* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
@@ -61,40 +61,38 @@ import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                     */
+/* empty css                                                 */
 import "../../ExecutiveBio/ExecutiveBio.css.js";
 import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
 import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
 import "../../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                                     */
-/* empty css                                                             */
+/* empty css                                                 */
+/* empty css                                                         */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                             */
-/* empty css                                                                */
-/* empty css                                                                     */
-/* empty css                                                                        */
-/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                                            */
+/* empty css                                                                 */
+/* empty css                                                                    */
+/* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";
-/* empty css                                                             */
-/* empty css                                                              */
+/* empty css                                                         */
+/* empty css                                                          */
 import "../../PageNavItem/PageNavItem.css.js";
-import "lodash";
 import "react-slick";
-/* empty css                                                      */
-/* empty css                                                */
-/* empty css                                                           */
-/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                       */
+/* empty css                                                     */
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                               */
-/* empty css                                                         */
-/* empty css                                                       */
-/* empty css                                               */
+/* empty css                                           */
 /* empty css                                                     */
+/* empty css                                                   */
+/* empty css                                           */
+/* empty css                                                 */
 const AxosFooterSiteMap = () => {
   return /* @__PURE__ */ jsx("footer", { className: footer_section, id: "site_map", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
     /* @__PURE__ */ jsxs("nav", { className: footer_wrapper, children: [

package/dist/Forms/ApplicationStart.js

@@ -8,8 +8,8 @@ import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
-/* empty css                                              */
-/* empty css                                       */
+/* empty css                                          */
+/* empty css                                   */
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
@@ -19,10 +19,10 @@ 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                                */
+/* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -85,120 +85,112 @@ const ApplicationStart = ({
     await onSubmit(processData);
   };
   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
+  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
               }
-            ) }),
-            /* @__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", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                id: "checkbox__c",
-                ...register("checkbox__c"),
-                sizes: "medium",
-                error: !!errors.checkbox__c,
-                helperText: errors.checkbox__c?.message,
-                variant,
-                children: "By providing your phone number and selecting the checkbox, you have agreed to these Terms and Conditions, and you have agreed to receive automated text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
-              }
-            ) })
-          ] }),
-          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
-  );
+            }),
+            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", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "checkbox__c",
+            ...register("checkbox__c"),
+            sizes: "medium",
+            error: !!errors.checkbox__c,
+            helperText: errors.checkbox__c?.message,
+            variant,
+            children: "By providing your phone number and selecting the checkbox, you have agreed to these Terms and Conditions, and you have agreed to receive automated text messages, calls, and emails for any purpose including but not limited to marketing of products and services by Axos Bank. You understand and agree that such messages may be sent via Automatic Telephone Dialing System and/or artificial or pre-recorded voice, and that such consent is not a condition of receipt of any good or service. Mobile carrier messages and data rates may apply. You may opt out at any time."
+          }
+        ) })
+      ] }),
+      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 {
   ApplicationStart