@axos-web-dev/shared-components 2.0.0-dev.30-toasts.1 → 2.0.0-dev.31

package/dist/Comparison/ComparisonSet.js

@@ -9,7 +9,7 @@ import { active_tab } from "../Tab/Tab.css.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { Comparison } from "./Comparison.js";
-import { comparison_tab_container, comparison_container } from "./Comparison.css.js";
+import { comparison_set, comparison_tab_container, comparison_container } from "./Comparison.css.js";
 const ComparisonSet = ({
   headline,
   variant,
@@ -29,6 +29,7 @@ const ComparisonSet = ({
     {
       id,
       variant,
+      className: comparison_set,
       headline,
       icon,
       eyebrow,

package/dist/Comparison/index.js

@@ -1,4 +1,4 @@
-import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
+import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_set, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
 import { ComparisonSet } from "./ComparisonSet.js";
 export {
   ComparisonSet,
@@ -9,6 +9,7 @@ export {
   comparison_feature,
   comparison_layout,
   comparison_list,
+  comparison_set,
   comparison_tab_container,
   feature_header,
   feature_title,

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

@@ -151,14 +151,41 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
     };
 }>;

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
-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;
+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.Element;

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -9,7 +9,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/ImageToast/ImageToast.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/BulletItem/BulletItem.css';import '../assets/Typography/Typography.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/ServerNavigation/NavigationBar.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/NavigationMenu/AxosBank/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/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/ImageToast/ImageToast.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.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                                    */
@@ -33,6 +33,11 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -76,19 +81,14 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-/* empty css                                          */
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -106,13 +106,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */
@@ -335,165 +338,172 @@ const ExecutiveBio = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: ceoContent, children: [
-        (executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs("header", { className: ceoHeader, children: [
-          /* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
-            executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
-            executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
-            executiveFacebook && /* @__PURE__ */ jsxs(
-              Hyperlink,
-              {
-                targetUrl: executiveFacebook,
-                ariaLabel: "Facebook",
-                className: social,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: 32,
-                      height: 32,
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      className: hover,
-                      children: [
-                        /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M19.3761 16.932L19.8169 14.0583H17.0596V12.1933C17.0596 11.4071 17.4448 10.6408 18.6798 10.6408H19.9334V8.19419C19.9334 8.19419 18.7957 8 17.708 8C15.4371 8 13.9529 9.37631 13.9529 11.868V14.0583H11.4286V16.932H13.9529V23.8792C14.459 23.9586 14.9778 24 15.5063 24C16.0347 24 16.5535 23.9586 17.0596 23.8792V16.932H19.3761Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              fillRule: "evenodd",
-                              clipRule: "evenodd",
-                              d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
-                ]
-              }
-            ),
-            executiveTwitter && /* @__PURE__ */ jsxs(
-              Hyperlink,
-              {
-                targetUrl: executiveTwitter,
-                ariaLabel: "Twitter",
-                className: social,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: 32,
-                      height: 32,
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      className: hover,
-                      children: [
-                        /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              fillRule: "evenodd",
-                              clipRule: "evenodd",
-                              d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M17.5222 14.7749L23.4785 8H22.0671L16.8952 13.8826L12.7644 8H8L14.2466 16.8955L8 24H9.41155L14.8732 17.7878L19.2356 24H24L17.5222 14.7749ZM9.92015 9.03974H12.0882L22.0677 23.0075H19.8997L9.92015 9.03974Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
-                ]
-              }
-            ),
-            executiveLinkedIn && /* @__PURE__ */ jsxs(
-              Hyperlink,
-              {
-                targetUrl: executiveLinkedIn,
-                ariaLabel: "LinkedIn",
-                className: social,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: 32,
-                      height: 32,
-                      viewBox: "0 0 32 32",
-                      fill: "none",
-                      className: hover,
-                      children: [
-                        /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              fillRule: "evenodd",
-                              clipRule: "evenodd",
-                              d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M23.4286 17.2709V22.2857H20.587V17.8391C20.587 16.7787 20.5687 15.4146 19.1103 15.4146C17.6316 15.4146 17.4059 16.5703 17.4059 17.7632V22.2857H14.5674V13.1418H17.2916V14.3919H17.3305C17.7095 13.6731 18.6367 12.9149 20.0194 12.9149C22.8968 12.9149 23.4286 14.8083 23.4286 17.2709Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M9.71429 10.2444C9.71429 9.33477 10.4503 8.59642 11.363 8.59642C12.2721 8.59642 13.0102 9.33477 13.0102 10.2444C13.0102 11.1542 12.2721 11.8926 11.363 11.8926C10.4503 11.8926 9.71429 11.1542 9.71429 10.2444Z",
-                              fill: "#2F5B88",
-                              className: svg_color({ variant })
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
-                ]
-              }
-            )
-          ] })
-        ] }),
+        (executiveName || executiveTitle || executiveFacebook || executiveTwitter || executiveLinkedIn) && /* @__PURE__ */ jsxs(
+          "header",
+          {
+            className: ceoHeader,
+            "aria-label": `section header for ${executiveName}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: ceoPersonalInfo, children: [
+                executiveName && /* @__PURE__ */ jsx("h1", { className: `header_1 ${ceo_name({ variant })}`, children: executiveName }),
+                executiveTitle && /* @__PURE__ */ jsx("p", { className: ceo_title({ variant }), children: executiveTitle })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: ceo_contacts, children: [
+                executiveFacebook && /* @__PURE__ */ jsxs(
+                  Hyperlink,
+                  {
+                    targetUrl: executiveFacebook,
+                    ariaLabel: "Facebook",
+                    className: social,
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: 32,
+                          height: 32,
+                          viewBox: "0 0 32 32",
+                          fill: "none",
+                          className: hover,
+                          children: [
+                            /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_10)", children: [
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M19.3761 16.932L19.8169 14.0583H17.0596V12.1933C17.0596 11.4071 17.4448 10.6408 18.6798 10.6408H19.9334V8.19419C19.9334 8.19419 18.7957 8 17.708 8C15.4371 8 13.9529 9.37631 13.9529 11.868V14.0583H11.4286V16.932H13.9529V23.8792C14.459 23.9586 14.9778 24 15.5063 24C16.0347 24 16.5535 23.9586 17.0596 23.8792V16.932H19.3761Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  fillRule: "evenodd",
+                                  clipRule: "evenodd",
+                                  d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_10", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "Facebook" })
+                    ]
+                  }
+                ),
+                executiveTwitter && /* @__PURE__ */ jsxs(
+                  Hyperlink,
+                  {
+                    targetUrl: executiveTwitter,
+                    ariaLabel: "Twitter",
+                    className: social,
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: 32,
+                          height: 32,
+                          viewBox: "0 0 32 32",
+                          fill: "none",
+                          className: hover,
+                          children: [
+                            /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_5)", children: [
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  fillRule: "evenodd",
+                                  clipRule: "evenodd",
+                                  d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M17.5222 14.7749L23.4785 8H22.0671L16.8952 13.8826L12.7644 8H8L14.2466 16.8955L8 24H9.41155L14.8732 17.7878L19.2356 24H24L17.5222 14.7749ZM9.92015 9.03974H12.0882L22.0677 23.0075H19.8997L9.92015 9.03974Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_5", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "X / Twitter" })
+                    ]
+                  }
+                ),
+                executiveLinkedIn && /* @__PURE__ */ jsxs(
+                  Hyperlink,
+                  {
+                    targetUrl: executiveLinkedIn,
+                    ariaLabel: "LinkedIn",
+                    className: social,
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: 32,
+                          height: 32,
+                          viewBox: "0 0 32 32",
+                          fill: "none",
+                          className: hover,
+                          children: [
+                            /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_86_141)", children: [
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  fillRule: "evenodd",
+                                  clipRule: "evenodd",
+                                  d: "M16 30.8571C24.2054 30.8571 30.8571 24.2054 30.8571 16C30.8571 7.79463 24.2054 1.14286 16 1.14286C7.79463 1.14286 1.14286 7.79463 1.14286 16C1.14286 24.2054 7.79463 30.8571 16 30.8571ZM16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M23.4286 17.2709V22.2857H20.587V17.8391C20.587 16.7787 20.5687 15.4146 19.1103 15.4146C17.6316 15.4146 17.4059 16.5703 17.4059 17.7632V22.2857H14.5674V13.1418H17.2916V14.3919H17.3305C17.7095 13.6731 18.6367 12.9149 20.0194 12.9149C22.8968 12.9149 23.4286 14.8083 23.4286 17.2709Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M9.93986 13.1418H12.7846V22.2857H9.93986V13.1418Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M9.71429 10.2444C9.71429 9.33477 10.4503 8.59642 11.363 8.59642C12.2721 8.59642 13.0102 9.33477 13.0102 10.2444C13.0102 11.1542 12.2721 11.8926 11.363 11.8926C10.4503 11.8926 9.71429 11.1542 9.71429 10.2444Z",
+                                  fill: "#2F5B88",
+                                  className: svg_color({ variant })
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_86_141", children: /* @__PURE__ */ jsx("rect", { width: 32, height: 32, fill: "white" }) }) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: tooltip({ variant }), children: "LinkedIn" })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         quote && /* @__PURE__ */ jsx("blockquote", { className: ceo_quote({ variant }), children: quote }),
         executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: ceo_body, children: executiveBodyCopy }),
         (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: `${contact_col} ${order_3}`, children: [

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

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

package/dist/ExecutiveBio/Overlay.d.ts

@@ -4,5 +4,5 @@ interface OverlayProps {
     className?: string;
     variant?: QuaternaryTypes;
 }
-export declare const Overlay: ({ className, variant }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Overlay: ({ className, variant }: OverlayProps) => import("react").JSX.Element;
 export {};

package/dist/FaqAccordion/index.d.ts

@@ -4,19 +4,19 @@ import { PropsWithChildren, ReactNode } from 'react';
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
-export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItem: (props: AccordionItemProps) => import("react").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
     level: string;
-} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react").JSX.Element;
 export declare const AccordionCtas: (props: {
     callToActionRow: ChevronProps;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
+export declare const AccordionItemContent: (props: PropsWithChildren) => import("react").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
     accordionEmbedLevel?: string;
     internalName?: string;
     id?: string;
     additionalDetails?: ReactNode | string;
-} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react").JSX.Element;