@axos-web-dev/shared-components 0.0.2 → 0.0.4

package/dist/Chevron/Chevron.css.js

@@ -1,3 +1,6 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                           */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var chevron = createRuntimeFn({ defaultClassName: "_1gp5vfo0", variantClassNames: { variant: { primary: "_1gp5vfo1", secondary: "_1gp5vfo2", tertiary: "_1gp5vfo3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -6,4 +9,3 @@ export {
   chevron,
   chevron_wrapper
 };
-//# sourceMappingURL=Chevron.css.js.map

package/dist/Chevron/Chevron.interface.d.ts

@@ -30,4 +30,3 @@ export interface ChevronProps extends PropsWithChildren {
      */
     className?: string;
 }
-//# sourceMappingURL=Chevron.interface.d.ts.map

package/dist/Chevron/Chevron.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Chevron.interface.js.map

package/dist/Chevron/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { ChevronProps } from "./Chevron.interface";
 export declare const Chevron: FC<ChevronProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/Chevron/index.js

@@ -1,5 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { ArrowIcon } from "../icons/ArrowIcon/index.js";
+import SvgArrowIcon from "../icons/ArrowIcon/index.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+import { getVariant } from "../utils/getVariant.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 const Chevron = ({
   children,
@@ -8,6 +13,7 @@ const Chevron = ({
   id,
   className
 }) => {
+  variant = getVariant(variant);
   return /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
     /* @__PURE__ */ jsx(
       "a",
@@ -18,10 +24,9 @@ const Chevron = ({
         children
       }
     ),
-    /* @__PURE__ */ jsx(ArrowIcon, { className: "arrow", variant })
+    /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
   ] });
 };
 export {
   Chevron
 };
-//# sourceMappingURL=index.js.map

package/dist/CollectInformationAlert/CollectInformationAlert.css.d.ts

@@ -4,4 +4,3 @@ export declare const close_btn_optin: string;
 export declare const privacy_pref_optin: string;
 export declare const privacy_prompt_content: string;
 export declare const privacy_prompt_btns: string;
-//# sourceMappingURL=CollectInformationAlert.css.d.ts.map

package/dist/CollectInformationAlert/CollectInformationAlert.css.js

@@ -1,3 +1,6 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                           */
 var privacy_prompt = "_1qdneat0";
 var privacy_pref_optout = "_1qdneat1";
@@ -13,4 +16,3 @@ export {
   privacy_prompt_btns,
   privacy_prompt_content
 };
-//# sourceMappingURL=CollectInformationAlert.css.js.map

package/dist/CollectInformationAlert/index.d.ts

@@ -1,3 +1,2 @@
 import { FC } from "react";
 export declare const CollectInformationAlert: FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/CollectInformationAlert/index.js

@@ -2,7 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { Hyperlink } from "../Hyperlink/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import { CloseIcon } from "../icons/CloseIcon/index.js";
+import SvgCloseIcon from "../icons/CloseIcon/index.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { privacy_prompt, privacy_prompt_content, privacy_prompt_btns, close_btn_optin } from "./CollectInformationAlert.css.js";
 const CollectInformationAlert = () => {
@@ -35,7 +37,7 @@ const CollectInformationAlert = () => {
           id: "close_btn_optin",
           className: `${close_btn_optin}`,
           targetUrl: "#",
-          children: /* @__PURE__ */ jsx(CloseIcon, {})
+          children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }
       )
     ] })
@@ -44,4 +46,3 @@ const CollectInformationAlert = () => {
 export {
   CollectInformationAlert
 };
-//# sourceMappingURL=index.js.map

package/dist/ContentBanner/ContentBanner.css.d.ts

@@ -0,0 +1,42 @@
+export declare const content_banner: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const headline: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const section_pad: string;
+export declare const body_copy: string;
+export declare const call_to_action_row: string;
+export declare const link: string;

package/dist/ContentBanner/ContentBanner.css.js

@@ -0,0 +1,19 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                 */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var content_banner = createRuntimeFn({ defaultClassName: "_1bwl51g0", variantClassNames: { variant: { primary: "_1bwl51g1", secondary: "_1bwl51g2", tertiary: "_1bwl51g3", quaternary: "_1bwl51g4" } }, defaultVariants: {}, compoundVariants: [] });
+var headline = createRuntimeFn({ defaultClassName: "_1bwl51g5", variantClassNames: { variant: { primary: "_1bwl51g6", secondary: "_1bwl51g7", tertiary: "_1bwl51g8", quaternary: "_1bwl51g9" } }, defaultVariants: {}, compoundVariants: [] });
+var section_pad = "_1bwl51ga";
+var body_copy = "_1bwl51gb";
+var call_to_action_row = "_1bwl51gc";
+var link = "_1bwl51gd";
+export {
+  body_copy,
+  call_to_action_row,
+  content_banner,
+  headline,
+  link,
+  section_pad
+};

package/dist/ContentBanner/ContentBanner.interface.d.ts

@@ -0,0 +1,9 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from "react";
+export interface HeroBannerInterface {
+    className?: string;
+    variant: string;
+    headline: string | ReactNode;
+    bodyCopy: string | ReactNode;
+    callToActionRow?: boolean | ChevronProps[];
+}

package/dist/ContentBanner/ContentBanner.interface.js

@@ -0,0 +1 @@
+

package/dist/ContentBanner/index.d.ts

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

package/dist/ContentBanner/index.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chevron } from "../Chevron/index.js";
+import { headline_text } from "../HeroBanner/HeroBanner.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import { Button } from "../Button/index.js";
+import { content_banner, section_pad, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
+const ContentBanner = ({
+  variant,
+  headline,
+  bodyCopy,
+  callToActionRow
+}) => {
+  const banner_variant = getVariant(variant);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: `${content_banner({ variant: banner_variant })} ${section_pad}`,
+      children: /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
+        /* @__PURE__ */ jsxs("div", { className: `text_center`, children: [
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: `header_1 ${headline_text({ variant: banner_variant })}`,
+              children: headline
+            }
+          ),
+          bodyCopy ? /* @__PURE__ */ jsx("div", { className: `${body_copy}`, children: bodyCopy }) : null
+        ] }),
+        Array.isArray(callToActionRow) && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow == null ? void 0 : callToActionRow.map(
+          ({ id, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              targetUrl,
+              color: getVariant(variant2),
+              size: "medium",
+              rounded: "medium",
+              children: displayText
+            },
+            id
+          ) : /* @__PURE__ */ jsx(
+            Chevron,
+            {
+              targetUrl,
+              variant: getVariant(variant2),
+              className: `${link}`,
+              children: displayText
+            },
+            id
+          )
+        ) })
+      ] })
+    }
+  );
+};
+export {
+  ContentBanner
+};

package/dist/DownloadTile/DownloadTile.css.d.ts

@@ -5,4 +5,3 @@ export declare const download: string;
 export declare const ico: string;
 export declare const table_header: string;
 export declare const table_footer: string;
-//# sourceMappingURL=DownloadTile.css.d.ts.map

package/dist/DownloadTile/DownloadTile.css.js

@@ -1,4 +1,6 @@
 /* empty css                                */
+/* empty css                                   */
+/* empty css                                */
 var table_section_container = "_14gexxj0";
 var table_section = "_14gexxj1";
 var media__table = "_14gexxj2";
@@ -15,4 +17,3 @@ export {
   table_section,
   table_section_container
 };
-//# sourceMappingURL=DownloadTile.css.js.map

package/dist/DownloadTile/DownloadTile.interface.d.ts

@@ -12,4 +12,3 @@ export interface DownloadTileItem {
     displayName: string;
     action: string;
 }
-//# sourceMappingURL=DownloadTile.interface.d.ts.map

package/dist/DownloadTile/DownloadTile.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=DownloadTile.interface.js.map

package/dist/DownloadTile/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { DownloadTileSet } from "./DownloadTile.interface";
 export declare const DownloadTile: FC<DownloadTileSet>;
-//# sourceMappingURL=index.d.ts.map

package/dist/DownloadTile/index.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { DownloadIcon } from "../icons/DownloadIcon/index.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
 import { table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
 const DownloadTile = ({
   id,
@@ -22,7 +23,7 @@ const DownloadTile = ({
         /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(({ id: id2, url, displayName, action }) => /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
           /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
-            /* @__PURE__ */ jsx(DownloadIcon, { className: ico }),
+            /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }),
             /* @__PURE__ */ jsx("span", { children: action })
           ] }) })
         ] }, id2)) })
@@ -34,4 +35,3 @@ const DownloadTile = ({
 export {
   DownloadTile
 };
-//# sourceMappingURL=index.js.map

package/dist/FaqAccordion/FaqAccordion.css.d.ts

@@ -3,4 +3,3 @@ export declare const header: string;
 export declare const summary: string;
 export declare const summaryHeader: string;
 export declare const content: string;
-//# sourceMappingURL=FaqAccordion.css.d.ts.map

package/dist/FaqAccordion/FaqAccordion.css.js

@@ -1,4 +1,6 @@
 /* empty css                                */
+/* empty css                                   */
+/* empty css                                */
 var faqAccordion = "ph6wj60";
 var header = "ph6wj61";
 var summary = "ph6wj62";
@@ -11,4 +13,3 @@ export {
   summary,
   summaryHeader
 };
-//# sourceMappingURL=FaqAccordion.css.js.map

package/dist/FaqAccordion/index.d.ts

@@ -3,12 +3,11 @@ import { header } from "./FaqAccordion.css";
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
-export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/FaqAccordion/index.js

@@ -2,6 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { create } from "zustand";
 import { icon } from "../Accordion/Accordion.css.js";
@@ -46,4 +48,3 @@ export {
   AccordionItemSummary,
   FaqAccordion
 };
-//# sourceMappingURL=index.js.map

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

@@ -7,4 +7,3 @@ export declare const footerParagraph: string;
 export declare const footerContent: string;
 export declare const iconsContent: string;
 export declare const footerLink: string;
-//# sourceMappingURL=FooterDisclosure.css.d.ts.map

package/dist/FooterDisclosure/FooterDisclosure.css.js

@@ -12,4 +12,3 @@ export {
   footerParagraph,
   iconsContent
 };
-//# sourceMappingURL=FooterDisclosure.css.js.map

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from "react";
-export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-//# sourceMappingURL=FooterDisclosure.d.ts.map
+export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -18,4 +18,3 @@ export {
   FooterIcons,
   FooterParagraph
 };
-//# sourceMappingURL=FooterDisclosure.js.map

package/dist/FooterDisclosure/index.d.ts

@@ -1,3 +1,2 @@
 export { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent, } from "./FooterDisclosure.css";
 export { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph, } from "./FooterDisclosure";
-//# sourceMappingURL=index.d.ts.map

package/dist/FooterDisclosure/index.js

@@ -11,4 +11,3 @@ export {
   footerParagraph,
   iconsContent
 };
-//# sourceMappingURL=index.js.map

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

@@ -4,52 +4,63 @@ export declare const hero_banner: import("@vanilla-extract/recipes").RuntimeFn<{
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
     };
 }>;
-export declare const eyebrow_tag: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const hero_content: string;
+export declare const reversed: string;
+export declare const hero_text: string;
+export declare const hero_img: string;
+export declare const logout: string;
+export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
         };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+        };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
     };
 }>;
-export declare const headline_hero: 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})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
         };
-        tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
         };
-    };
-}>;
-export declare const bodyCopy: import("@vanilla-extract/recipes").RuntimeFn<{
-    variant: {
-        primary: {
+        tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        tertiary: {
+        quaternary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
-export declare const reversed: string;
-export declare const hero_content: string;
-export declare const hero_text: string;
-export declare const hero_body: string;
 export declare const hero_btns: string;
-export declare const hero_img: string;
-export declare const mobile_shift: string;
-export declare const logout: string;
-//# sourceMappingURL=HeroBanner.css.d.ts.map

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,29 +1,25 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f0", variantClassNames: { variant: { primary: "_1ye8k3f1", tertiary: "_1ye8k3f2" } }, defaultVariants: {}, compoundVariants: [] });
-var eyebrow_tag = createRuntimeFn({ defaultClassName: "_1ye8k3f3", variantClassNames: { variant: { primary: "_1ye8k3f4", tertiary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_hero = createRuntimeFn({ defaultClassName: "_1ye8k3f6", variantClassNames: { variant: { primary: "_1ye8k3f7", tertiary: "_1ye8k3f8" } }, defaultVariants: {}, compoundVariants: [] });
-var bodyCopy = createRuntimeFn({ defaultClassName: "_1ye8k3f9", variantClassNames: { variant: { primary: "_1ye8k3fa", tertiary: "_1ye8k3fb" } }, defaultVariants: {}, compoundVariants: [] });
-var reversed = "_1ye8k3fc";
-var hero_content = "_1ye8k3fd";
-var hero_text = "_1ye8k3fe";
-var hero_body = "_1ye8k3ff";
-var hero_btns = "_1ye8k3fg";
-var hero_img = "_1ye8k3fh";
-var mobile_shift = "_1ye8k3fi";
-var logout = "_1ye8k3fj";
+var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f0", variantClassNames: { variant: { primary: "_1ye8k3f1", secondary: "_1ye8k3f2", tertiary: "_1ye8k3f3", quaternary: "_1ye8k3f4" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_content = "_1ye8k3f5";
+var reversed = "_1ye8k3f6";
+var hero_text = "_1ye8k3f7";
+var hero_img = "_1ye8k3f8";
+var logout = "_1ye8k3f9";
+var supertag = createRuntimeFn({ defaultClassName: "_1ye8k3fa", variantClassNames: { variant: { primary: "_1ye8k3fb", secondary: "_1ye8k3fc", tertiary: "_1ye8k3fd", quaternary: "_1ye8k3fe" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3ff", variantClassNames: { variant: { primary: "_1ye8k3fg", secondary: "_1ye8k3fh", tertiary: "_1ye8k3fi", quaternary: "_1ye8k3fj" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_btns = "_1ye8k3fk";
 export {
-  bodyCopy,
-  eyebrow_tag,
-  headline_hero,
+  headline_text,
   hero_banner,
-  hero_body,
   hero_btns,
   hero_content,
   hero_img,
   hero_text,
   logout,
-  mobile_shift,
-  reversed
+  reversed,
+  supertag
 };
-//# sourceMappingURL=HeroBanner.css.js.map

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

@@ -1,14 +1,14 @@
 import { ChevronProps } from '../Chevron/Chevron.interface';
-import { PrimaryAndTertiaryTypes } from '../utils/variant.types';
 import { ReactNode } from "react";
 export interface ImageInterface {
     src: string;
     alt?: string;
 }
 export interface HeroBannerInterface {
+    id?: string;
     bannerType?: "Hero" | "Logout";
     className?: string;
-    variant: PrimaryAndTertiaryTypes;
+    variant: string;
     eyebrow: string | ReactNode;
     headline: string | ReactNode;
     bodyCopy: string | ReactNode;
@@ -16,4 +16,3 @@ export interface HeroBannerInterface {
     imagePlacement?: "Right" | "Left";
     callToActionRow?: ChevronProps[];
 }
-//# sourceMappingURL=HeroBanner.interface.d.ts.map

package/dist/HeroBanner/HeroBanner.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=HeroBanner.interface.js.map

package/dist/HeroBanner/index.d.ts

@@ -1,4 +1,2 @@
-import { FC } from "react";
 import { HeroBannerInterface } from "./HeroBanner.interface";
-export declare const HeroBanner: FC<HeroBannerInterface>;
-//# sourceMappingURL=index.d.ts.map
+export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;