@axos-web-dev/shared-components 1.0.77-patch.7 → 1.0.77-patch.70

package/dist/Comparison/Comparison.js

@@ -1,20 +1,21 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import "react";
-import { BulletItem } from "../BulletItem/BulletItem.js";
-import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
+import { title } from "../IconBillboard/IconBillboard.css.js";
+import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { title } from "../IconBillboard/IconBillboard.css.js";
+import { Chevron } from "../Chevron/index.js";
 import SvgStarIcon from "../icons/Star/index.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
@@ -40,8 +41,11 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
 import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -59,8 +63,6 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import "../Input/PercentageInput.js";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 /* empty css                                    */
 import "react-dom";
 /* empty css                                */
@@ -68,13 +70,20 @@ import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+/* empty css                                    */
 /* empty css                                                    */
 import "../Carousel/index.js";
+/* empty css                                                   */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+/* empty css                                    */
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import { active_content } from "../Tab/Tab.css.js";
@@ -87,11 +96,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
@@ -120,8 +130,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
 const Comparison = ({
   id,

package/dist/Comparison/ComparisonSet.js

@@ -35,30 +35,39 @@ const ComparisonSet = ({
       bodyCopy,
       additionalDetails,
       isolate: true,
-      children: /* @__PURE__ */ jsxs("div", { className: clsx(comparison_container), children: [
-        /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
-          Tab,
-          {
-            id: `tab_${id2}_${index}`,
-            headline: `${headerTab}`,
-            onClick: () => {
-              toggleTab(index);
-            },
-            className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
-            variant
-          },
-          `tab_${id2}_${index}`
-        )) }),
-        comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
-          Comparison,
-          {
-            ...item,
-            key: item.id,
-            index,
-            toggleState
-          }
-        ))
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(
+            comparison_container,
+            comparisonElements.length > 2 && "comparison_container--many_items"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
+              Tab,
+              {
+                id: `tab_${id2}_${index}`,
+                headline: `${headerTab}`,
+                onClick: () => {
+                  toggleTab(index);
+                },
+                className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
+                variant
+              },
+              `tab_${id2}_${index}`
+            )) }),
+            comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
+              Comparison,
+              {
+                ...item,
+                key: item.id,
+                index,
+                toggleState
+              }
+            ))
+          ]
+        }
+      )
     }
   );
 };

package/dist/ContentBanner/ContentBanner.css.js

@@ -1,6 +1,8 @@
-import '../assets/ContentBanner/ContentBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/ContentBanner/ContentBanner.css';import '../assets/Insight/Insight.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
 /* empty css                                    */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/ContentBanner/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
+import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

package/dist/DownloadTile/DownloadTile.css.js

@@ -1,5 +1,6 @@
-import '../assets/DownloadTile/DownloadTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/DownloadTile/DownloadTile.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                */
 var download_tile_set = "_14gexxj0";

package/dist/ExecutiveBio/ExecutiveBio.css.d.ts

@@ -1,4 +1,5 @@
 export declare const executive_bio: string;
+export declare const compact: string;
 export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -91,6 +92,52 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
 export declare const contacts: string;
 export declare const headshot: string;
 export declare const img_area: string;
+export declare const components: import('@vanilla-extract/recipes').RuntimeFn<{
+    columns: {
+        1: {
+            gridTemplateColumns: "1fr";
+        };
+        2: {
+            gridTemplateColumns: "repeat(2, 1fr)";
+            width: "min(840px, calc(100% - 4rem))";
+            "@media": {
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+            };
+        };
+        3: {
+            gridTemplateColumns: "repeat(3, 1fr)";
+            "@media": {
+                "(max-width: 1175px)": {
+                    gridTemplateColumns: "repeat(2, 1fr)";
+                    width: "min(840px, calc(100% - 4rem))";
+                };
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+            };
+        };
+        4: {
+            gridTemplateColumns: "repeat(4, 1fr)";
+            "@media": {
+                "(max-width: 1175px)": {
+                    gridTemplateColumns: "repeat(2, 1fr)";
+                    width: "min(840px, calc(100% - 4rem))";
+                };
+                "(max-width: 768px)": {
+                    gridTemplateColumns: "1fr";
+                    width: "min(350px, calc(100% - 2rem))";
+                };
+                "(min-width: 1176px)": {
+                    width: "min(1000px, 100%)";
+                };
+            };
+        };
+    };
+}>;
 export declare const media: string;
 export declare const person: string;
 export declare const shift: string;
@@ -99,15 +146,19 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
     variant: {
         primary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         secondary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
             background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -127,6 +178,158 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
-export declare const components: string;
 export declare const details: string;
 export declare const url_row: string;
+export declare const flexColumn: string;
+export declare const ceoSection: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceoContainer: string;
+export declare const ceoWrapper: string;
+export declare const ceoMedia: string;
+export declare const ceoImgWrapper: string;
+export declare const imgAlignment: string;
+export declare const highlights: string;
+export declare const bulletsHeadline: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const bulletsWrapper: string;
+export declare const ceoContent: string;
+export declare const ceoHeader: string;
+export declare const ceoPersonalInfo: string;
+export declare const ceo_name: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_contacts: string;
+export declare const svg_color: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            fill: "#2F5B88";
+        };
+        secondary: {
+            fill: "#2F5B88";
+        };
+        tertiary: {
+            fill: `var(--${string})`;
+        };
+        quaternary: {
+            fill: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_quote: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const ceo_body: string;
+export declare const hover: string;
+export declare const social: string;
+export declare const tooltip: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            background: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const order_3: string;
+export declare const overlay: string;
+export declare const stroke_color: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            stroke: `var(--${string})`;
+        };
+        secondary: {
+            stroke: `var(--${string})`;
+        };
+        tertiary: {
+            stroke: `var(--${string})`;
+        };
+        quaternary: {
+            stroke: `var(--${string})`;
+        };
+    };
+}>;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -1,33 +1,76 @@
-import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var executive_bio = "txcb8d0";
-var item_bio = createRuntimeFn({ defaultClassName: "txcb8d1", variantClassNames: { variant: { primary: "txcb8d2", secondary: "txcb8d3", tertiary: "txcb8d4", quaternary: "txcb8d5" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d6", variantClassNames: { variant: { primary: "txcb8d7", secondary: "txcb8d8", tertiary: "txcb8d9", quaternary: "txcb8da" } }, defaultVariants: {}, compoundVariants: [] });
-var job_title = createRuntimeFn({ defaultClassName: "txcb8db", variantClassNames: { variant: { primary: "txcb8dc", secondary: "txcb8dd", tertiary: "txcb8de", quaternary: "txcb8df" } }, defaultVariants: {}, compoundVariants: [] });
-var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dg", variantClassNames: { variant: { primary: "txcb8dh", secondary: "txcb8di", tertiary: "txcb8dj", quaternary: "txcb8dk" } }, defaultVariants: {}, compoundVariants: [] });
-var description = "txcb8dl";
-var contact_col = "txcb8dm";
-var padding = "txcb8dn";
-var copy = "txcb8do";
-var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dp", variantClassNames: { variant: { primary: "txcb8dq", secondary: "txcb8dr", tertiary: "txcb8ds", quaternary: "txcb8dt" } }, defaultVariants: {}, compoundVariants: [] });
-var contacts = "txcb8du";
-var headshot = "txcb8dv";
-var img_area = "txcb8dw";
-var media = "txcb8dx";
-var person = "txcb8dy";
-var shift = "txcb8dz";
-var bio_section_text = "txcb8d10";
-var section_theme = createRuntimeFn({ defaultClassName: "txcb8d11", variantClassNames: { variant: { primary: "txcb8d12", secondary: "txcb8d13", tertiary: "txcb8d14", quaternary: "txcb8d15" } }, defaultVariants: {}, compoundVariants: [] });
-var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassNames: { variant: { primary: "txcb8d17", secondary: "txcb8d18", tertiary: "txcb8d19", quaternary: "txcb8d1a" } }, defaultVariants: {}, compoundVariants: [] });
-var components = "txcb8d1b";
-var details = "txcb8d1c";
-var url_row = "txcb8d1d";
+var compact = "txcb8d1";
+var item_bio = createRuntimeFn({ defaultClassName: "txcb8d2", variantClassNames: { variant: { primary: "txcb8d3", secondary: "txcb8d4", tertiary: "txcb8d5", quaternary: "txcb8d6" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_setting = createRuntimeFn({ defaultClassName: "txcb8d7", variantClassNames: { variant: { primary: "txcb8d8", secondary: "txcb8d9", tertiary: "txcb8da", quaternary: "txcb8db" } }, defaultVariants: {}, compoundVariants: [] });
+var job_title = createRuntimeFn({ defaultClassName: "txcb8dc", variantClassNames: { variant: { primary: "txcb8dd", secondary: "txcb8de", tertiary: "txcb8df", quaternary: "txcb8dg" } }, defaultVariants: {}, compoundVariants: [] });
+var svg_icon = createRuntimeFn({ defaultClassName: "txcb8dh", variantClassNames: { variant: { primary: "txcb8di", secondary: "txcb8dj", tertiary: "txcb8dk", quaternary: "txcb8dl" } }, defaultVariants: {}, compoundVariants: [] });
+var description = "txcb8dm";
+var contact_col = "txcb8dn";
+var padding = "txcb8do";
+var copy = "txcb8dp";
+var contact_entry = createRuntimeFn({ defaultClassName: "txcb8dq", variantClassNames: { variant: { primary: "txcb8dr", secondary: "txcb8ds", tertiary: "txcb8dt", quaternary: "txcb8du" } }, defaultVariants: {}, compoundVariants: [] });
+var contacts = "txcb8dv";
+var headshot = "txcb8dw";
+var img_area = "txcb8dx";
+var components = createRuntimeFn({ defaultClassName: "txcb8dy", variantClassNames: { columns: { "1": "txcb8dz", "2": "txcb8d10", "3": "txcb8d11", "4": "txcb8d12" } }, defaultVariants: { columns: 1 }, compoundVariants: [] });
+var media = "txcb8d13";
+var person = "txcb8d14";
+var shift = "txcb8d15";
+var bio_section_text = "txcb8d16";
+var section_theme = createRuntimeFn({ defaultClassName: "txcb8d17", variantClassNames: { variant: { primary: "txcb8d18", secondary: "txcb8d19", tertiary: "txcb8d1a", quaternary: "txcb8d1b" } }, defaultVariants: {}, compoundVariants: [] });
+var header_theme = createRuntimeFn({ defaultClassName: "txcb8d1c", variantClassNames: { variant: { primary: "txcb8d1d", secondary: "txcb8d1e", tertiary: "txcb8d1f", quaternary: "txcb8d1g" } }, defaultVariants: {}, compoundVariants: [] });
+var details = "txcb8d1h";
+var url_row = "txcb8d1i";
+var flexColumn = "txcb8d1j";
+var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1k", variantClassNames: { variant: { primary: "txcb8d1l", secondary: "txcb8d1m", tertiary: "txcb8d1n", quaternary: "txcb8d1o" } }, defaultVariants: {}, compoundVariants: [] });
+var ceoContainer = "txcb8d1p";
+var ceoWrapper = "txcb8d1q";
+var ceoMedia = "txcb8d1r txcb8d1j";
+var ceoImgWrapper = "txcb8d1s";
+var imgAlignment = "txcb8d1t";
+var highlights = "txcb8d1u txcb8d1j";
+var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1v", variantClassNames: { variant: { primary: "txcb8d1w", secondary: "txcb8d1x", tertiary: "txcb8d1y", quaternary: "txcb8d1z" } }, defaultVariants: {}, compoundVariants: [] });
+var bulletsWrapper = "txcb8d20 txcb8d1j";
+var ceoContent = "txcb8d21 txcb8d1j";
+var ceoHeader = "txcb8d22 txcb8d1j";
+var ceoPersonalInfo = "txcb8d23 txcb8d1j";
+var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d29", variantClassNames: { variant: { primary: "txcb8d2a", secondary: "txcb8d2b", tertiary: "txcb8d2c", quaternary: "txcb8d2d" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_contacts = "txcb8d2e";
+var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2k", variantClassNames: { variant: { primary: "txcb8d2l", secondary: "txcb8d2m", tertiary: "txcb8d2n", quaternary: "txcb8d2o" } }, defaultVariants: {}, compoundVariants: [] });
+var ceo_body = "txcb8d2p";
+var hover = "txcb8d2q";
+var social = "txcb8d2r";
+var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2s", variantClassNames: { variant: { primary: "txcb8d2t", secondary: "txcb8d2u", tertiary: "txcb8d2v", quaternary: "txcb8d2w" } }, defaultVariants: {}, compoundVariants: [] });
+var order_3 = "txcb8d2x";
+var overlay = "txcb8d2y";
+var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2z", variantClassNames: { variant: { primary: "txcb8d30", secondary: "txcb8d31", tertiary: "txcb8d32", quaternary: "txcb8d33" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bio_section_text,
+  bulletsHeadline,
+  bulletsWrapper,
+  ceoContainer,
+  ceoContent,
+  ceoHeader,
+  ceoImgWrapper,
+  ceoMedia,
+  ceoPersonalInfo,
+  ceoSection,
+  ceoWrapper,
+  ceo_body,
+  ceo_contacts,
+  ceo_name,
+  ceo_quote,
+  ceo_title,
+  compact,
   components,
   contact_col,
   contact_entry,
@@ -36,17 +79,27 @@ export {
   description,
   details,
   executive_bio,
+  flexColumn,
   header_theme,
   headline_setting,
   headshot,
+  highlights,
+  hover,
+  imgAlignment,
   img_area,
   item_bio,
   job_title,
   media,
+  order_3,
+  overlay,
   padding,
   person,
   section_theme,
   shift,
+  social,
+  stroke_color,
+  svg_color,
   svg_icon,
+  tooltip,
   url_row
 };

package/dist/ExecutiveBio/ExecutiveBio.d.ts

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

package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts

@@ -1,6 +1,6 @@
-import { QuaternaryTypes } from '../utils/variant.types';
-import { ImageInterface } from '../IconBillboard';
 import { ReactNode } from 'react';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface, BulletItemProps } from '../main';
 
 export interface ExecutiveBioSetProps {
     id: string;
@@ -9,16 +9,25 @@ export interface ExecutiveBioSetProps {
     description?: ReactNode | string;
     executiveBios: ExecutiveBioProps[];
     additionalDetails?: string | ReactNode;
+    numberOfColumns?: string;
 }
 export interface ExecutiveBioProps {
     id: string;
     variant: QuaternaryTypes;
-    executiveName: string;
-    executiveTitle: string;
+    hasParentH2?: boolean;
+    executiveName?: string;
+    executiveTitle?: string;
     executiveBodyCopy?: string | ReactNode;
     executiveEmailAddress?: string;
     executivePhoneNumber?: string;
     executiveLinkedIn?: string;
     executiveWebsite?: string;
+    executiveTwitter?: string;
+    executiveFacebook?: string;
     executiveHeadshot?: ImageInterface;
+    bullets?: BulletItemProps[];
+    bulletsTitle?: ReactNode | string;
+    quote?: ReactNode | string;
+    bannerType?: "Standard" | "Hero" | "Compact";
+    backgroundOverlay?: boolean;
 }