@axos-web-dev/shared-components 0.0.42 → 0.0.44

package/dist/Carousel/store.d.ts

@@ -7,4 +7,4 @@ export type actions = {
     change: (selected: number) => void;
     setItems: (items: unknown[]) => void;
 };
-export declare const useCarousel: import('zustand').UseBoundStore<import("zustand").StoreApi<state & actions>>;
+export declare const useCarousel: import('zustand').UseBoundStore<import('zustand').StoreApi<state & actions>>;

package/dist/ContentBanner/index.d.ts

@@ -1,4 +1,4 @@
-import { ContentBannerInterface } from './ContentBanner.interface';
+import { HeroBannerInterface as ContentBannerInterface } from './ContentBanner.interface';
 import { FC } from 'react';
 
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
-import { Props } from './ExecutiveBio.interface';
+import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
 export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './ExecutiveBio.interface';
+import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
 import { SetContainerProps } from '../SetContainer';
 
 export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant, headline, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/FooterDisclosure/FooterDisclosure.css.d.ts

@@ -1,6 +1,6 @@
 export declare const footerDisclosure: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
-        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
     };
 }>;
 export declare const footerParagraph: string;

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

@@ -15,6 +15,7 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
     };
 }>;
 export declare const iconForm: string;
+export declare const headerContainer: string;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -131,3 +132,4 @@ export declare const success_circle: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const descriptionField: string;

package/dist/Forms/Forms.css.js

@@ -5,21 +5,25 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
 var iconForm = "tfms6a5";
-var headerForm = createRuntimeFn({ defaultClassName: "tfms6a6", variantClassNames: { variant: { primary: "tfms6a7", secondary: "tfms6a8", tertiary: "tfms6a9", quaternary: "tfms6aa" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ab", variantClassNames: { variant: { primary: "tfms6ac", secondary: "tfms6ad", tertiary: "tfms6ae", quaternary: "tfms6af" } }, defaultVariants: {}, compoundVariants: [] });
-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: [] });
+var headerContainer = "tfms6a6";
+var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" } }, defaultVariants: {}, compoundVariants: [] });
+var actions = "tfms6ah";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ai", variantClassNames: { variant: { primary: "tfms6aj", secondary: "tfms6ak", tertiary: "tfms6al", quaternary: "tfms6am" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6an";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aq", variantClassNames: { variant: { primary: "tfms6ar", secondary: "tfms6as", tertiary: "tfms6at", quaternary: "tfms6au" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6av";
+var succes_check_mark = "tfms6aw";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6ax", variantClassNames: { variant: { primary: "tfms6ay", secondary: "tfms6az", tertiary: "tfms6a10", quaternary: "tfms6a11" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = "tfms6a12";
 export {
   actions,
+  descriptionField,
   disclosureForm,
   form,
   formContainer,
   formWrapper,
+  headerContainer,
   headerForm,
   iconForm,
   succes_check_mark,

package/dist/Forms/ScheduleCall.d.ts

@@ -15,9 +15,10 @@ export interface FormProps extends PropsWithChildren {
     }) => void;
     icon?: boolean;
     headline?: ReactNode | string;
+    description?: ReactNode | string;
     disclosure?: ReactNode | string;
     variant?: QuaternaryTypes;
     validateEmail: (email: string) => Promise<boolean>;
     callToAction: Omit<ChevronProps, "targetUrl">;
 }
-export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ScheduleCall.js

@@ -21,7 +21,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, headerForm, form, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCall = ({
   icon = false,
@@ -32,6 +32,7 @@ const ScheduleCall = ({
   disclosure,
   variant: fullVariant = "primary",
   headline,
+  description,
   callToAction,
   validateEmail,
   id
@@ -78,7 +79,10 @@ const ScheduleCall = ({
       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__ */ jsx("h2", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
+        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField} text_center`, children: description })
+        ] }),
         /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
             /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(

package/dist/Forms/index.js

@@ -1,4 +1,4 @@
-import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, 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";
@@ -10,10 +10,12 @@ export {
   SalesforceSchema,
   ScheduleCall,
   actions,
+  descriptionField,
   disclosureForm,
   form,
   formContainer,
   formWrapper,
+  headerContainer,
   headerForm,
   iconForm,
   renderSwitch,

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

@@ -17,4 +17,8 @@ export interface HyperlinkProps extends PropsWithChildren {
      * additional classname
      */
     className?: string;
+    /**
+     * Descriptive Text (Aria Label)
+     */
+    ariaLabel?: string;
 }

package/dist/Hyperlink/index.js

@@ -55,7 +55,8 @@ const Hyperlink = ({
   children,
   targetUrl,
   id,
-  className
+  className,
+  ariaLabel
 }) => {
   const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
   const onClick = (e) => {
@@ -76,6 +77,7 @@ const Hyperlink = ({
       href: findMoreAxosDomains(targetUrl),
       className: `${className ? className : ""}`,
       onClick,
+      "aria-label": ariaLabel,
       children
     }
   );

package/dist/IconBillboard/IconBillboardSet.d.ts

@@ -1,3 +1,3 @@
-import { 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/ImageBillboard/ImageBillboard.d.ts

@@ -1,3 +1,3 @@
-import { 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/ImageLink/ImageLink.css.js

@@ -0,0 +1 @@
+import "./ImageLink.css.ts.vanilla.css.js";

package/dist/ImageLink/ImageLink.css.ts.vanilla.css.js

@@ -0,0 +1 @@
+

package/dist/ImageLink/ImageLink.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+
+export interface ImageLinkProps extends PropsWithChildren {
+    id: string;
+    internalName: string;
+    title?: string;
+    targetUrl?: string;
+    image: {
+        url: string;
+        width?: string | number;
+        heigth?: string | number;
+    };
+}
+declare const ImageLink: ({ id, image, title, targetUrl, children, }: ImageLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageLink;

package/dist/ImageLink/ImageLink.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { Hyperlink } from "../Hyperlink/index.js";
+import "../IconBillboard/IconBillboard.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                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Modal/contextApi/store.js";
+import "clsx";
+import { isValidElement } from "react";
+import "../Button/Button.css.js";
+import "react-use";
+/* empty css                                                */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "@hookform/resolvers/zod";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "react-hook-form";
+import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+const ImageLink = ({
+  id,
+  image,
+  title,
+  targetUrl,
+  children
+}) => {
+  const withTargeturl = targetUrl !== void 0 ? /* @__PURE__ */ jsx(Hyperlink, { targetUrl, children: /* @__PURE__ */ jsx("img", { src: image.url, alt: title }) }) : /* @__PURE__ */ jsx("img", { src: image.url, alt: title });
+  return /* @__PURE__ */ jsx("div", { id: "id_" + id, className: imageLinkContainer, children: !isValidElement(children) ? withTargeturl : children });
+};
+export {
+  ImageLink as default
+};

package/dist/ImageLink/ImageLinkSet.d.ts

@@ -0,0 +1,9 @@
+import { ImageLinkProps } from './ImageLink';
+import { SetContainerProps } from '../SetContainer';
+import { ChevronProps } from '../Chevron/Chevron.interface';
+
+export interface ImageLinkSetProps extends SetContainerProps {
+    imageLinks: ImageLinkProps[];
+    callToActionRow?: ChevronProps[];
+}
+export declare const ImageLinkSet: (props: ImageLinkSetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageLink/ImageLinkSet.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { buttons } from "../IconBillboard/IconBillboard.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                                          */
+import { Chevron } from "../Chevron/index.js";
+import { getVariant } from "../utils/getVariant.js";
+import "clsx";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import { SetContainer } from "../SetContainer/SetContainer.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+/* empty css                                                */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "@hookform/resolvers/zod";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "react-hook-form";
+import "../ImageBillboard/ImageBillboard.css.js";
+import ImageLink from "./ImageLink.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+const ImageLinkSet = (props) => {
+  const { callToActionRow } = props;
+  const linksItems = props.imageLinks.map((item) => {
+    return /* @__PURE__ */ jsx(ImageLink, { ...item }, item.id);
+  });
+  const additionalDetails = /* @__PURE__ */ jsxs(Fragment, { children: [
+    props == null ? void 0 : props.additionalDetails,
+    callToActionRow && (callToActionRow == null ? void 0 : callToActionRow.length) > 0 && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow == null ? void 0 : callToActionRow.map(
+      ({ id, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          targetUrl,
+          color: getVariant(variant),
+          size: "medium",
+          rounded: "medium",
+          children: displayText
+        },
+        id
+      ) : /* @__PURE__ */ jsx(
+        Chevron,
+        {
+          targetUrl,
+          variant: getVariant(variant),
+          children: displayText
+        },
+        id
+      )
+    ) })
+  ] });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    SetContainer,
+    {
+      id: props.id,
+      variant: props.variant,
+      headline: props.headline,
+      additionalDetails,
+      children: linksItems
+    }
+  ) });
+};
+export {
+  ImageLinkSet
+};

package/dist/ImageLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ImageLink';
+export * from './ImageLinkSet';

package/dist/ImageLink/index.js

@@ -0,0 +1,54 @@
+import "react/jsx-runtime";
+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                                                */
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Modal/contextApi/store.js";
+import "clsx";
+import "react";
+import "../Button/Button.css.js";
+import "react-use";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "@hookform/resolvers/zod";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "react-hook-form";
+import "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import { ImageLinkSet } from "./ImageLinkSet.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+export {
+  ImageLinkSet
+};

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

@@ -131,7 +131,7 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
 }>;
 export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
-        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
     };
 }>;
 export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{

package/dist/Input/Input.d.ts

@@ -11,4 +11,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helperText?: ReactNode;
     variant?: QuaternaryTypes;
 }
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/InputPhone.d.ts

@@ -1,3 +1,3 @@
 import { InputProps } from '.';
 
-export declare const InputPhone: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputPhone: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -121,7 +121,7 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
 }>;
 export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
-        [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
+        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
     };
 }>;
 export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,56 +1,56 @@
-const header = "_header_11wge_1";
-const wrapper = "_wrapper_11wge_5";
-const header_main_row = "_header_main_row_11wge_11";
-const mobile_header = "_mobile_header_11wge_12";
-const logo_wrap = "_logo_wrap_11wge_18";
-const primary_links = "_primary_links_11wge_22";
-const main_nav_link = "_main_nav_link_11wge_26";
-const sub_nav_link = "_sub_nav_link_11wge_48";
-const signin_wrap = "_signin_wrap_11wge_50";
-const signin_btn = "_signin_btn_11wge_51";
-const sub_nav = "_sub_nav_11wge_48";
-const header_sub_row = "_header_sub_row_11wge_93";
-const signin_dropdown = "_signin_dropdown_11wge_109";
-const shadow = "_shadow_11wge_119";
-const signin_header = "_signin_header_11wge_127";
-const signin_subheader = "_signin_subheader_11wge_134";
-const opacity = "_opacity_11wge_156";
-const fadeInDown = "_fadeInDown_11wge_1";
-const footer = "_footer_11wge_162";
-const open = "_open_11wge_178";
-const dd_wrapper = "_dd_wrapper_11wge_190";
-const dd_media = "_dd_media_11wge_195";
-const dd_media_img = "_dd_media_img_11wge_200";
-const dd_site_navs = "_dd_site_navs_11wge_204";
-const dd_media_header = "_dd_media_header_11wge_211";
-const mt_8 = "_mt_8_11wge_220";
-const mt_16 = "_mt_16_11wge_224";
-const ml_8 = "_ml_8_11wge_228";
-const dd_media_cta = "_dd_media_cta_11wge_232";
-const reversed_row = "_reversed_row_11wge_246";
-const headline = "_headline_11wge_262";
-const nav_anchor = "_nav_anchor_11wge_268";
-const headline_cta = "_headline_cta_11wge_276";
-const site_lists = "_site_lists_11wge_291";
-const hamburger = "_hamburger_11wge_326";
-const mobile_only = "_mobile_only_11wge_340";
-const mobile_logo = "_mobile_logo_11wge_346";
-const highlight = "_highlight_11wge_351";
-const mobile_nav = "_mobile_nav_11wge_385";
-const mobile_opened = "_mobile_opened_11wge_395";
-const mobile_nav_item = "_mobile_nav_item_11wge_400";
-const has_dropdown = "_has_dropdown_11wge_415";
-const icon_wrap = "_icon_wrap_11wge_436";
-const mobile_footer = "_mobile_footer_11wge_441";
-const mobile_footer_content = "_mobile_footer_content_11wge_446";
-const mobile_footer_media = "_mobile_footer_media_11wge_460";
-const footer_cta = "_footer_cta_11wge_466";
-const inner_wrapper = "_inner_wrapper_11wge_494";
-const btn = "_btn_11wge_499";
-const sub_menu = "_sub_menu_11wge_504";
-const main = "_main_11wge_26";
-const dd_footer = "_dd_footer_11wge_529";
-const desktop_only = "_desktop_only_11wge_548";
+const header = "_header_5tt5v_1";
+const wrapper = "_wrapper_5tt5v_5";
+const header_main_row = "_header_main_row_5tt5v_11";
+const mobile_header = "_mobile_header_5tt5v_12";
+const logo_wrap = "_logo_wrap_5tt5v_18";
+const primary_links = "_primary_links_5tt5v_22";
+const main_nav_link = "_main_nav_link_5tt5v_26";
+const sub_nav_link = "_sub_nav_link_5tt5v_48";
+const signin_wrap = "_signin_wrap_5tt5v_50";
+const signin_btn = "_signin_btn_5tt5v_51";
+const sub_nav = "_sub_nav_5tt5v_48";
+const header_sub_row = "_header_sub_row_5tt5v_93";
+const signin_dropdown = "_signin_dropdown_5tt5v_109";
+const shadow = "_shadow_5tt5v_119";
+const signin_header = "_signin_header_5tt5v_127";
+const signin_subheader = "_signin_subheader_5tt5v_134";
+const opacity = "_opacity_5tt5v_156";
+const fadeInDown = "_fadeInDown_5tt5v_1";
+const footer = "_footer_5tt5v_162";
+const open = "_open_5tt5v_178";
+const dd_wrapper = "_dd_wrapper_5tt5v_190";
+const dd_media = "_dd_media_5tt5v_195";
+const dd_media_img = "_dd_media_img_5tt5v_200";
+const dd_site_navs = "_dd_site_navs_5tt5v_204";
+const dd_media_header = "_dd_media_header_5tt5v_211";
+const mt_8 = "_mt_8_5tt5v_220";
+const mt_16 = "_mt_16_5tt5v_224";
+const ml_8 = "_ml_8_5tt5v_228";
+const dd_media_cta = "_dd_media_cta_5tt5v_232";
+const reversed_row = "_reversed_row_5tt5v_246";
+const headline = "_headline_5tt5v_262";
+const nav_anchor = "_nav_anchor_5tt5v_268";
+const headline_cta = "_headline_cta_5tt5v_276";
+const site_lists = "_site_lists_5tt5v_291";
+const hamburger = "_hamburger_5tt5v_326";
+const mobile_only = "_mobile_only_5tt5v_340";
+const mobile_logo = "_mobile_logo_5tt5v_346";
+const highlight = "_highlight_5tt5v_351";
+const mobile_nav = "_mobile_nav_5tt5v_387";
+const mobile_opened = "_mobile_opened_5tt5v_397";
+const mobile_nav_item = "_mobile_nav_item_5tt5v_402";
+const has_dropdown = "_has_dropdown_5tt5v_417";
+const icon_wrap = "_icon_wrap_5tt5v_438";
+const mobile_footer = "_mobile_footer_5tt5v_443";
+const mobile_footer_content = "_mobile_footer_content_5tt5v_448";
+const mobile_footer_media = "_mobile_footer_media_5tt5v_462";
+const footer_cta = "_footer_cta_5tt5v_468";
+const inner_wrapper = "_inner_wrapper_5tt5v_496";
+const btn = "_btn_5tt5v_501";
+const sub_menu = "_sub_menu_5tt5v_506";
+const main = "_main_5tt5v_26";
+const dd_footer = "_dd_footer_5tt5v_531";
+const desktop_only = "_desktop_only_5tt5v_550";
 const styles = {
   header,
   wrapper,

package/dist/SetContainer/SetContainer.css.d.ts

@@ -15,3 +15,4 @@ export declare const set_container: import('@vanilla-extract/recipes').RuntimeFn
     };
 }>;
 export declare const inline_container: string;
+export declare const imageLinkContainer: string;

package/dist/SetContainer/SetContainer.css.js

@@ -4,7 +4,9 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var set_container = createRuntimeFn({ defaultClassName: "_18ygy9m0", variantClassNames: { variant: { primary: "_18ygy9m1", secondary: "_18ygy9m2", tertiary: "_18ygy9m3", quaternary: "_18ygy9m4" } }, defaultVariants: {}, compoundVariants: [] });
 var inline_container = "_18ygy9m5";
+var imageLinkContainer = "_18ygy9m6";
 export {
+  imageLinkContainer,
   inline_container,
   set_container
 };

package/dist/SetContainer/SetContainer.js

@@ -75,7 +75,7 @@ const SetContainer = ({
           ),
           bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: `${inline_container}`, children }),
+        /* @__PURE__ */ jsx("div", { className: inline_container, children }),
         additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(section_text), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
       ] })
     },