@axos-web-dev/shared-components 2.0.0-dev.1 → 2.0.0-dev.2-nav-0

package/dist/Chatbot/ChatbotMessage.js

@@ -9,7 +9,8 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* empty css                               */
 /* empty css                                    */
 import clsx from "clsx";
-import { shimmerText, notificationStyle, endChatButtonStyle, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button } from "./ChatWindow.css.js";
+import { shimmerText, notificationStyle, messageStyle, user_msg, agent_msg, inline_button_wrapper, inline_button, endChatButtonStyle } from "./ChatWindow.css.js";
+import { useOpenChat } from "./store/chat.js";
 function timeAgo(date) {
   const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);
   if (seconds < 60) return "Just now";
@@ -23,9 +24,10 @@ const ChatbotMessage = ({
   showAvatar,
   showName,
   virtualAgent,
-  onCancelEndChat,
+  onEndChat,
   onSend
 }) => {
+  const { hasEscalated } = useOpenChat();
   const [timeText, setTimeText] = useState(timeAgo(msg.$timestamp));
   useEffect(() => {
     const interval = setInterval(() => {
@@ -33,7 +35,7 @@ const ChatbotMessage = ({
     }, 3e4);
     return () => clearInterval(interval);
   }, [msg.$timestamp]);
-  if (msg.$sid === "typing-1") {
+  if (msg.$sid === "typing-1" && !hasEscalated) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -73,23 +75,20 @@ const ChatbotMessage = ({
       " ",
       msg.to_agent ? /* @__PURE__ */ jsx("strong", { children: msg?.to_agent?.name }) : "an agent"
     ] }, msg.$index),
-    msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: notificationStyle,
-          style: { fontSize: 12 },
-          children: [
-            "Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
-            " ",
-            /* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
-            "."
-          ]
-        },
-        msg.$index
-      ),
-      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onCancelEndChat, children: "End Chat" }) })
-    ] }),
+    msg.type == "noti" && msg.$userType == "virtual_agent" && msg.event == "escalationDeflected" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: notificationStyle,
+        style: { fontSize: 12 },
+        children: [
+          "Our chat team is available weekdays, 8am-5pm, except federal bank holidays. For immediate assistance you can reach out to us at",
+          " ",
+          /* @__PURE__ */ jsx("a", { href: "tel:1-888-502-2967", children: "1-888-502-2967" }),
+          "."
+        ]
+      },
+      msg.$index
+    ) }),
     ["text", "markdown_template", "markdown"].includes(msg.type) && /* @__PURE__ */ jsx(
       "div",
       {
@@ -178,7 +177,28 @@ const ChatbotMessage = ({
         index
       );
     }) }),
-    msg.event == "chatEnded" && /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    msg.event == "chatEnded" && msg.status == "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          title: (/* @__PURE__ */ new Date()).toLocaleString(),
+          style: {
+            fontSize: 12,
+            color: "#888",
+            marginBottom: 4,
+            textAlign: "center"
+          },
+          children: [
+            "No team members are online at the moment.",
+            /* @__PURE__ */ jsx("br", {}),
+            " Please try again later."
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
+    ] }),
+    msg.event == "chatEnded" && msg.status != "failed" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -196,7 +216,7 @@ const ChatbotMessage = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onCancelEndChat, children: "End Chat" }) })
+      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: 12 }, children: /* @__PURE__ */ jsx("button", { className: endChatButtonStyle, onClick: onEndChat, children: "End Chat" }) })
     ] }),
     msg.type == "text" && /* @__PURE__ */ jsx(
       "div",

package/dist/Chatbot/store/chat.d.ts

@@ -8,6 +8,12 @@ interface OpenChatState {
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
+    hasEscalated?: boolean;
+    startEscalation?: () => void;
+    endEscalation?: () => void;
+    isBlockedInput?: boolean;
+    blockInput?: () => void;
+    unblockInput?: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -3,6 +3,7 @@ const useOpenChat = create((set, get) => ({
   isOpen: false,
   hasOpenedOnce: false,
   showThankyouMessage: false,
+  hasEscalated: false,
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -12,9 +13,20 @@ const useOpenChat = create((set, get) => ({
     });
   },
   close: () => set({ isOpen: false }),
-  reset: () => set({ hasOpenedOnce: false, isOpen: false, showThankyouMessage: false }),
+  reset: () => set({
+    hasOpenedOnce: false,
+    isOpen: false,
+    showThankyouMessage: false,
+    hasEscalated: false,
+    isBlockedInput: false
+  }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
-  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage }))
+  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
+  startEscalation: () => set({ hasEscalated: true }),
+  endEscalation: () => set({ hasEscalated: false }),
+  isBlockedInput: false,
+  blockInput: () => set({ isBlockedInput: true }),
+  unblockInput: () => set({ isBlockedInput: false })
 }));
 export {
   useOpenChat

package/dist/Chatbot/store/messages.d.ts

@@ -6,6 +6,7 @@ interface MessageStore {
     removeMessage: (id: string) => void;
     addMessages: (newMessages: MessageResponse[]) => void;
     clearMessages: () => void;
+    isEscalated: boolean;
 }
 export interface Message {
     id: string;

package/dist/Chatbot/store/messages.js

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-const useMessages = create((set) => ({
+const useMessages = create((set, get) => ({
   messages: [],
   addMessage: (message) => set((state) => {
     const cleaned = state.messages.filter((m) => m.$sid !== "typing-1");
@@ -11,7 +11,10 @@ const useMessages = create((set) => ({
     )
   })),
   addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] })),
-  clearMessages: () => set({ messages: [] })
+  clearMessages: () => set({ messages: [] }),
+  isEscalated: get()?.messages?.some(
+    (msg) => ["escalationAccepted", "escalationStarted"].includes(msg.event)
+  )
 }));
 export {
   useMessages

package/dist/Chevron/index.js

@@ -18,8 +18,6 @@ import { Interstitial } from "../Interstitial/Interstitial.js";
 import { chevron, chevron_wrapper } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
-import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
-import { validateLink } from "../utils/validateExternalLinks.js";
 import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
@@ -110,16 +108,13 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */
@@ -147,7 +142,7 @@ const Chevron = ({
   action
 }) => {
   variant = getVariant(variant);
-  const { setTargetLinkUrl, setOpenModal } = useGlobalContext();
+  const { setTargetLinkUrl, setOpenModal, validateLink, resolveUrl } = useGlobalContext();
   const [isOpenMktInterstitial, setIsOpenMktInterstitial] = useState(false);
   const openMarketingInterstitial = () => {
     setIsOpenMktInterstitial(true);
@@ -202,7 +197,7 @@ const Chevron = ({
         {
           id,
           tabIndex: 0,
-          href: !action ? findMoreAxosDomains(targetUrl) : "#!",
+          href: !action ? resolveUrl(targetUrl) : "#!",
           className: `${chevron({ variant })} ${className ? className : ""}`,
           onClick: action ? action : marketingIntersitial ? openMarketingInterstitial : onClick,
           target: newTab ? "_blank" : "_self",

package/dist/Comparison/Comparison.js

@@ -13,7 +13,7 @@ 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/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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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                                */
+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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.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                                    */
@@ -22,9 +22,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import "../utils/allowedAxosDomains.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Modal/contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -51,11 +51,10 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Chevron/Chevron.css.js";
+/* empty css                                */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
-/* empty css                                */
-import "../Modal/contextApi/store.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                      */
 import "iframe-resizer";
@@ -109,16 +108,13 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
-import "../NavigationMenu/AxosBank/NavData.js";
+import "next/link.js";
+import "../NavigationMenu/AxosBank/Menu.js";
 /* empty css                                                      */
 /* empty css                                                       */
-import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
-import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */

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 { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
+import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

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,7 +178,6 @@ 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;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -6,52 +6,53 @@ import '../assets/ExecutiveBio/ExecutiveBio.css';import '../assets/themes/victor
 /* 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 flexColumn = "txcb8d1e";
-var ceoSection = createRuntimeFn({ defaultClassName: "txcb8d1f", variantClassNames: { variant: { primary: "txcb8d1g", secondary: "txcb8d1h", tertiary: "txcb8d1i", quaternary: "txcb8d1j" } }, defaultVariants: {}, compoundVariants: [] });
-var ceoContainer = "txcb8d1k";
-var ceoWrapper = "txcb8d1l";
-var ceoMedia = "txcb8d1m txcb8d1e";
-var ceoImgWrapper = "txcb8d1n";
-var imgAlignment = "txcb8d1o";
-var highlights = "txcb8d1p txcb8d1e";
-var bulletsHeadline = createRuntimeFn({ defaultClassName: "txcb8d1q", variantClassNames: { variant: { primary: "txcb8d1r", secondary: "txcb8d1s", tertiary: "txcb8d1t", quaternary: "txcb8d1u" } }, defaultVariants: {}, compoundVariants: [] });
-var bulletsWrapper = "txcb8d1v txcb8d1e";
-var ceoContent = "txcb8d1w txcb8d1e";
-var ceoHeader = "txcb8d1x txcb8d1e";
-var ceoPersonalInfo = "txcb8d1y txcb8d1e";
-var ceo_name = createRuntimeFn({ defaultClassName: "txcb8d1z", variantClassNames: { variant: { primary: "txcb8d20", secondary: "txcb8d21", tertiary: "txcb8d22", quaternary: "txcb8d23" } }, defaultVariants: {}, compoundVariants: [] });
-var ceo_title = createRuntimeFn({ defaultClassName: "txcb8d24", variantClassNames: { variant: { primary: "txcb8d25", secondary: "txcb8d26", tertiary: "txcb8d27", quaternary: "txcb8d28" } }, defaultVariants: {}, compoundVariants: [] });
-var ceo_contacts = "txcb8d29";
-var svg_color = createRuntimeFn({ defaultClassName: "txcb8d2a", variantClassNames: { variant: { primary: "txcb8d2b", secondary: "txcb8d2c", tertiary: "txcb8d2d", quaternary: "txcb8d2e" } }, defaultVariants: {}, compoundVariants: [] });
-var ceo_quote = createRuntimeFn({ defaultClassName: "txcb8d2f", variantClassNames: { variant: { primary: "txcb8d2g", secondary: "txcb8d2h", tertiary: "txcb8d2i", quaternary: "txcb8d2j" } }, defaultVariants: {}, compoundVariants: [] });
-var ceo_body = "txcb8d2k";
-var hover = "txcb8d2l";
-var social = "txcb8d2m";
-var tooltip = createRuntimeFn({ defaultClassName: "txcb8d2n", variantClassNames: { variant: { primary: "txcb8d2o", secondary: "txcb8d2p", tertiary: "txcb8d2q", quaternary: "txcb8d2r" } }, defaultVariants: {}, compoundVariants: [] });
-var order_3 = "txcb8d2s";
-var overlay = "txcb8d2t";
-var stroke_color = createRuntimeFn({ defaultClassName: "txcb8d2u", variantClassNames: { variant: { primary: "txcb8d2v", secondary: "txcb8d2w", tertiary: "txcb8d2x", quaternary: "txcb8d2y" } }, defaultVariants: {}, compoundVariants: [] });
+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,
@@ -69,6 +70,7 @@ export {
   ceo_name,
   ceo_quote,
   ceo_title,
+  compact,
   components,
   contact_col,
   contact_entry,

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, bannerType, executiveTwitter, executiveFacebook, bullets, bulletsTitle, quote, backgroundOverlay, }: 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

@@ -9,10 +9,12 @@ export interface ExecutiveBioSetProps {
     description?: ReactNode | string;
     executiveBios: ExecutiveBioProps[];
     additionalDetails?: string | ReactNode;
+    numberOfColumns?: string;
 }
 export interface ExecutiveBioProps {
     id: string;
     variant: QuaternaryTypes;
+    hasParentH2?: boolean;
     executiveName?: string;
     executiveTitle?: string;
     executiveBodyCopy?: string | ReactNode;
@@ -26,6 +28,6 @@ export interface ExecutiveBioProps {
     bullets?: BulletItemProps[];
     bulletsTitle?: ReactNode | string;
     quote?: ReactNode | string;
-    bannerType?: "Standard" | "Hero";
+    bannerType?: "Standard" | "Hero" | "Compact";
     backgroundOverlay?: boolean;
 }