@axos-web-dev/shared-components 0.0.20 → 0.0.22

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

@@ -1,4 +1,4 @@
-export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15,7 +15,7 @@ export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn
     };
 }>;
 export declare const iconForm: string;
-export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             readonly selectors: {
@@ -55,7 +55,7 @@ export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -72,7 +72,7 @@ export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const actions: string;
-export declare const disclosureForm: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -89,3 +89,41 @@ export declare const disclosureForm: import("@vanilla-extract/recipes").RuntimeF
     };
 }>;
 export declare const form: string;
+export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const success_icon: string;
+export declare const succes_check_mark: string;
+export declare const success_circle: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

package/dist/Forms/Forms.css.js

@@ -10,6 +10,10 @@ var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ab", variantClassNam
 var actions = "tfms6ag";
 var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ah", variantClassNames: { variant: { primary: "tfms6ai", secondary: "tfms6aj", tertiary: "tfms6ak", quaternary: "tfms6al" } }, defaultVariants: {}, compoundVariants: [] });
 var form = "tfms6am";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6ap", variantClassNames: { variant: { primary: "tfms6aq", secondary: "tfms6ar", tertiary: "tfms6as", quaternary: "tfms6at" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6au";
+var succes_check_mark = "tfms6av";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6aw", variantClassNames: { variant: { primary: "tfms6ax", secondary: "tfms6ay", tertiary: "tfms6az", quaternary: "tfms6a10" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   actions,
   disclosureForm,
@@ -17,5 +21,9 @@ export {
   formContainer,
   formWrapper,
   headerForm,
-  iconForm
+  iconForm,
+  succes_check_mark,
+  success_circle,
+  success_icon,
+  success_wrap
 };

package/dist/Forms/RenderForm.d.ts

@@ -1,5 +1,6 @@
-import { PropsWithChildren } from "react";
-import { FormProps } from ".";
+import { FormProps } from '.';
+import { PropsWithChildren } from 'react';
+
 export interface renderFormProps extends FormProps, PropsWithChildren {
     form?: string;
 }

package/dist/Forms/RenderForm.js

@@ -2,6 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import "./Forms.css.js";
 import "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
+import "clsx";
 const renderSwitch = (form = "Contact Form", props) => {
   switch (form) {
     case "Contact Form":

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -68,4 +68,4 @@ export type Props = {
     queryParams?: Partial<QueryParams>;
     location?: Record<string, unknown>;
 };
-export declare const SalesforceFieldsForm: import("react").NamedExoticComponent<Props>;
+export declare const SalesforceFieldsForm: import('react').NamedExoticComponent<Props>;

package/dist/Forms/ScheduleCall.d.ts

@@ -1,6 +1,13 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
+import { PropsWithChildren, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils/variant.types';
-import { PropsWithChildren, ReactNode } from "react";
+import { ChevronProps } from '../Chevron/Chevron.interface';
+
+export type Inputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+};
 export interface FormProps extends PropsWithChildren {
     id?: string;
     onSubmit?: (values: {

package/dist/Forms/ScheduleCall.js

@@ -37,8 +37,8 @@ const ScheduleCall = ({
 }) => {
   var _a, _b, _c, _d;
   const schema = z.object({
-    firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
-    lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
+    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, "");
@@ -83,28 +83,28 @@ const ScheduleCall = ({
             /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "firstName",
-                ...register("firstName", { required: true }),
+                id: "first_name",
+                ...register("first_name", { required: true }),
                 label: "First Name",
                 sizes: "medium",
                 placeholder: "First Name",
                 required: true,
-                error: !!errors.firstName,
-                helperText: (_a = errors.firstName) == null ? void 0 : _a.message,
+                error: !!errors.first_name,
+                helperText: (_a = errors.first_name) == null ? void 0 : _a.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "lastName",
-                ...register("lastName", { required: true }),
+                id: "last_name",
+                ...register("last_name", { required: true }),
                 label: "Last Name",
                 sizes: "medium",
                 placeholder: "Last Name",
                 required: true,
-                error: !!errors.lastName,
-                helperText: (_b = errors.lastName) == null ? void 0 : _b.message,
+                error: !!errors.last_name,
+                helperText: (_b = errors.last_name) == null ? void 0 : _b.message,
                 variant
               }
             ) }),

package/dist/Forms/SuccesForm.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { QuaternaryTypes } from '../utils';
+
+export default function SuccesFormWrapper({ children, isSubmitted, variant, }: {
+    isSubmitted: boolean;
+    variant: QuaternaryTypes;
+} & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/SuccesForm.js

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
+import "./SalesforceFieldsForm.js";
+import "@hookform/resolvers/zod";
+import "../Modal/contextApi/store.js";
+import "react";
+import "../Button/Button.css.js";
+import "react-use";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+import "react-hook-form";
+function SuccesFormWrapper({
+  children,
+  isSubmitted,
+  variant
+}) {
+  variant = getVariant(variant);
+  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"
+    ] })
+  ] });
+}
+export {
+  SuccesFormWrapper as default
+};

package/dist/Forms/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./Forms.css";
-export * from "./RenderForm";
-export * from "./SalesforceFieldsForm";
-export * from "./ScheduleCall";
+export * from './Forms.css';
+export * from './RenderForm';
+export * from './SalesforceFieldsForm';
+export * from './ScheduleCall';
+export * from './SuccesForm';

package/dist/Forms/index.js

@@ -1,7 +1,9 @@
-import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm } from "./Forms.css.js";
+import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
 import { RenderWebForm, renderSwitch } from "./RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
+import "react/jsx-runtime";
+import "clsx";
 export {
   RenderWebForm,
   SalesforceFieldsForm,
@@ -14,5 +16,9 @@ export {
   formWrapper,
   headerForm,
   iconForm,
-  renderSwitch
+  renderSwitch,
+  succes_check_mark,
+  success_circle,
+  success_icon,
+  success_wrap
 };

package/dist/HeroBanner/HeroBanner.css.d.ts

@@ -1,5 +1,5 @@
 export declare const logout: string;
-export declare const hero_banner: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -24,7 +24,7 @@ export declare const reversed: string;
 export declare const hero_text: string;
 export declare const hero_wrapper: string;
 export declare const hero_img: string;
-export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -44,7 +44,7 @@ export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const headline_text: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/HeroBanner/HeroBanner.interface.d.ts

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

package/dist/HeroBanner/index.d.ts

@@ -1,2 +1,3 @@
-import { HeroBannerInterface } from "./HeroBanner.interface";
+import { HeroBannerInterface } from './HeroBanner.interface';
+
 export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/HeroBanner/index.js

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

package/dist/Hyperlink/Hyperlink.interface.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren, ReactNode } from "react";
+import { PropsWithChildren, ReactNode } from 'react';
+
 export interface HyperlinkProps extends PropsWithChildren {
     /**
      * react node to add as a children

package/dist/Hyperlink/index.d.ts

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

package/dist/Hyperlink/index.js

@@ -39,9 +39,7 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                */
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -1,5 +1,6 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
-export declare const containerIconBillboard: import("@vanilla-extract/recipes").RuntimeFn<{
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const containerIconBillboard: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +19,7 @@ export declare const containerIconBillboard: import("@vanilla-extract/recipes").
         };
     };
 }>;
-export declare const layout: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const layout: import('@vanilla-extract/recipes').RuntimeFn<{
     side: {
         true: {
             flexDirection: "row";
@@ -27,7 +28,7 @@ export declare const layout: import("@vanilla-extract/recipes").RuntimeFn<{
 }>;
 export declare const billboard_icon: string;
 export declare const headerIconBillboard: string;
-export declare const title: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             selectors: {
@@ -72,7 +73,7 @@ export declare const list: string;
 export declare const listItem: string;
 export declare const buttons: string;
 export declare const section_text: string;
-export declare const header_section: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/IconBillboard/IconBillboard.d.ts

@@ -1,7 +1,8 @@
+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;
     headline?: ReactNode | undefined;

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

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

package/dist/IconBillboard/IconBillboard.js

@@ -36,7 +36,7 @@ const IconBillboard = (props) => {
               /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
               /* @__PURE__ */ jsx("div", { children: body })
             ] }),
-            items && (items == null ? void 0 : items.length) > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.content }, item.id)) }) })
+            items && (items == null ? void 0 : items.length) > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
           ] })
         ] }),
         callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(

package/dist/IconBillboard/IconBillboardSet.d.ts

@@ -1,2 +1,3 @@
-import type { IconBillboardSet as Props } from "./IconBillboard.interface";
+import { IconBillboardSet as Props } from './IconBillboard.interface';
+
 export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/IconBillboard/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./IconBillboard";
-export * from "./IconBillboard.css";
-export type { IconBillboardSet, ImageInterface, } from "./IconBillboard.interface";
-export * from "./IconBillboardSet";
+export * from './IconBillboard';
+export * from './IconBillboard.css';
+export type { IconBillboardSet, ImageInterface, } from './IconBillboard.interface';
+export * from './IconBillboardSet';

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -1,4 +1,4 @@
-export declare const billboard: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +18,7 @@ export declare const billboard: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const imagePlacement: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeFn<{
     position: {
         left: {
             selectors: {
@@ -37,7 +37,7 @@ export declare const imagePlacement: import("@vanilla-extract/recipes").RuntimeF
         };
     };
 }>;
-export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             selectors: {
@@ -77,7 +77,7 @@ export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             selectors: {

package/dist/ImageBillboard/ImageBillboard.d.ts

@@ -1,2 +1,3 @@
-import type { ImageBillboardSetProps as Props } from "./ImageBillboard.interface";
+import { ImageBillboardSetProps as Props } from './ImageBillboard.interface';
+
 export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,2 +1,3 @@
-import { ImageBillboardInterface } from "./ImageBillboard.interface";
+import { ImageBillboardInterface } from './ImageBillboard.interface';
+
 export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -87,15 +87,20 @@ const ImageBillboard = ({
               )
             ] }),
             /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
-            /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(({ id: id2, icon, copy }) => /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
-              /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
-                SvgCheckIcon,
-                {
-                  variant: billboard_variant === "primary" || billboard_variant === "secondary" ? "primary" : "secondary"
-                }
-              ) : /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
-              /* @__PURE__ */ jsx("span", { children: copy })
-            ] }, id2)) })
+            bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
+              ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
+                  SvgCheckIcon,
+                  {
+                    variant: billboard_variant === "primary" || billboard_variant === "secondary" ? "primary" : "secondary"
+                  }
+                ) : /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
+                /* @__PURE__ */ jsx("span", { children: copy })
+              ] }, id2) : /* @__PURE__ */ jsx("ul", { className: "mb_0 push_up", children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
+                /* @__PURE__ */ jsx("span", { children: copy })
+              ] }) }, id2)
+            ) })
           ] }),
           callToActionRow.length > 0 && /* @__PURE__ */ jsx(
             "div",

package/dist/ImageBillboard/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./ImageBillboard";
-export * from "./ImageBillboard.css";
-export type * from "./ImageBillboard.interface";
-export * from "./ImageBillboardSet";
+export * from './ImageBillboard';
+export * from './ImageBillboard.css';
+export type * from './ImageBillboard.interface';
+export * from './ImageBillboardSet';

package/dist/Input/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const iconInput: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const iconInput: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const iconInput: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {};
         secondary: {};
@@ -39,7 +39,7 @@ export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -73,7 +73,7 @@ export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -129,12 +129,12 @@ export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";