@axos-web-dev/shared-components 0.0.56 → 0.0.58

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/HeroBanner/HeroBanner.interface.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from 'react';
 
 export interface ImageInterface {
     src: string;

package/dist/Hyperlink/index.d.ts

@@ -1,4 +1,4 @@
-import { HyperlinkProps } from './Hyperlink.interface';
 import { FC } from 'react';
+import { HyperlinkProps } from './Hyperlink.interface';
 
 export declare const Hyperlink: FC<HyperlinkProps>;

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/IconBillboard/IconBillboard.d.ts

@@ -1,7 +1,7 @@
-import { ContainerVariants, LayoutVariants } from './IconBillboard.css';
-import { ImageInterface } from '.';
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from 'react';
+import { ImageInterface } from '.';
+import { ContainerVariants, LayoutVariants } from './IconBillboard.css';
 
 export interface FocusProps {
     icon?: ImageInterface;

package/dist/IconBillboard/IconBillboard.interface.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ChevronProps } from '../Chevron/Chevron.interface';
 import { BulletItemProps } from '../BulletItem';
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ReactNode } from 'react';
 
 export interface IconBillboardSet {
     id: string;

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../IconBillboard';
-import { ChevronProps } from '../Chevron/Chevron.interface';
 import { BulletItemProps } from '../BulletItem';
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ImageInterface } from '../IconBillboard';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ReactNode } from 'react';
 
 export interface ImageBillboardSetProps {
     id: string;

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.d.ts

@@ -1,6 +1,6 @@
-import { ImageLinkProps } from './ImageLink';
-import { SetContainerProps } from '../SetContainer';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { SetContainerProps } from '../SetContainer';
+import { ImageLinkProps } from './ImageLink';
 
 export interface ImageLinkSetProps extends SetContainerProps {
     imageLinks: ImageLinkProps[];

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";

package/dist/ImageLink/index.js

@@ -15,8 +15,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";
@@ -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/Input/CurrencyInput.js

@@ -8,6 +8,7 @@ import "./Dropdown.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputPhone.js";
+import "./InputTextArea.js";
 const CurrencyInput = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/Input.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;

package/dist/Input/InputPhone.js

@@ -8,6 +8,7 @@ import "./Dropdown.js";
 /* empty css                            */
 import { Input } from "./Input.js";
 import "./Input.css.js";
+import "./InputTextArea.js";
 const InputPhone = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputProps.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes, PropsWithChildren, ReactNode, SelectHTMLAttributes } from 'react';
 import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, PropsWithChildren, ReactNode, SelectHTMLAttributes } from 'react';
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;

package/dist/Input/InputTextArea.d.ts

@@ -0,0 +1,16 @@
+import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface TextAreaInputProps extends InputHTMLAttributes<HTMLTextAreaElement> {
+    label?: ReactNode;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    sizes?: "small" | "medium" | "large" | undefined;
+    error?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    helperText?: ReactNode;
+    variant?: QuaternaryTypes;
+    rows?: number;
+    maxLength?: number;
+}
+export declare const InputTextArea: import('react').ForwardRefExoticComponent<TextAreaInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/Input/InputTextArea.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+const InputTextArea = forwardRef((props, ref) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant,
+    rows = 4,
+    maxLength = 512,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ...rest,
+          ref,
+          className: clsx(props.className, input({ size: sizes })),
+          rows,
+          placeholder: props.placeholder,
+          maxLength
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+});
+export {
+  InputTextArea
+};

package/dist/Input/index.d.ts

@@ -5,3 +5,4 @@ export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
 export * from './InputPhone';
+export * from './InputTextArea';

package/dist/Input/index.js

@@ -5,12 +5,14 @@ import { selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
 import { InputPhone } from "./InputPhone.js";
+import { InputTextArea } from "./InputTextArea.js";
 export {
   Checkbox,
   CurrencyInput,
   Dropdown,
   Input,
   InputPhone,
+  InputTextArea,
   container,
   helperText,
   iconContainer,

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { ModalProps } from './Modal.interface';
 import { FC } from 'react';
+import { ModalProps } from './Modal.interface';
 
 export declare const Modal: FC<ModalProps>;

package/dist/Modal/Modal.js

@@ -14,8 +14,12 @@ import "../Button/Button.css.js";
 import "react";
 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                                          */
 import "clsx";
 /* 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/SetContainer/SetContainer.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+import { PropsWithChildren } from 'react';
 
 export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
     internalName?: string;

package/dist/SetContainer/SetContainer.js

@@ -18,6 +18,10 @@ import "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/StepItems/StepItems.interface.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { ImageInterface } from '../IconBillboard';
-import { QuaternaryTypes } from '../utils/variant.types';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../IconBillboard';
+import { ReactNode } from 'react';
 
 export interface StepItemsSetProps {
     id: string;

package/dist/Table/Table.d.ts

@@ -1,5 +1,5 @@
-import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 import { PropsWithChildren } from 'react';
+import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
-import { TypographySizeVariants, TypographyVariants } from '.';
 import { default as React } from 'react';
+import { TypographySizeVariants, TypographyVariants } from '.';
 
 type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
 export interface Props extends React.PropsWithChildren {

package/dist/VideoTile/VideoTile.d.ts

@@ -1,4 +1,4 @@
-import { VideoTileInterface } from './VideoTile.interface';
 import { FC } from 'react';
+import { VideoTileInterface } from './VideoTile.interface';
 
 export declare const VideoTile: FC<VideoTileInterface>;

package/dist/VideoWrapper/index.d.ts

@@ -1,5 +1,5 @@
-import { VideoTileInterface } from '../VideoTile';
 import { FC } from 'react';
+import { VideoTileInterface } from '../VideoTile';
 
 export interface VideoWrapperProps {
     videoTiles: VideoTileInterface[];