@axos-web-dev/shared-components 0.0.57 → 0.0.58

package/dist/AwardsBanner/AwardsBanner.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { AwardsItemProps } from '../AwardsItem/AwardsItem';
+
+export interface AwardsBannerProps {
+    id: string;
+    awardsItems: AwardsItemProps[];
+}
+export declare const AwardsBanner: FC<AwardsBannerProps>;

package/dist/AwardsBanner/AwardsBanner.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { AwardsItem } from "../AwardsItem/AwardsItem.js";
+import { awards_section, awards_row } from "./AwardsBanner.css.js";
+const AwardsBanner = ({ id, awardsItems }) => {
+  return /* @__PURE__ */ jsx("section", { className: awards_section, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    AwardsItem,
+    {
+      id: `id_${id}`,
+      starRating: award?.starRating,
+      awardsName: award?.awardsName,
+      awardsSource: award?.awardsSource
+    },
+    index
+  ) })) }) }) });
+};
+export {
+  AwardsBanner
+};

package/dist/AwardsBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AwardsBanner.css';
+export * from './AwardsBanner';

package/dist/AwardsBanner/index.js

@@ -0,0 +1,7 @@
+import { awards_row, awards_section } from "./AwardsBanner.css.js";
+import { AwardsBanner } from "./AwardsBanner.js";
+export {
+  AwardsBanner,
+  awards_row,
+  awards_section
+};

package/dist/AwardsItem/AwardsItem.css.d.ts

@@ -0,0 +1,3 @@
+export declare const award_item: string;
+export declare const award_company: string;
+export declare const award_name: string;

package/dist/AwardsItem/AwardsItem.css.js

@@ -0,0 +1,10 @@
+/* empty css                                          */
+/* empty css                              */
+var award_item = "_16tnqb20";
+var award_company = "_16tnqb21";
+var award_name = "_16tnqb22";
+export {
+  award_company,
+  award_item,
+  award_name
+};

package/dist/AwardsItem/AwardsItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface AwardsItemProps {
+    id: string;
+    starRating?: string;
+    awardsName: string;
+    awardsSource: string;
+}
+export declare const AwardsItem: FC<AwardsItemProps>;

package/dist/AwardsItem/AwardsItem.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { award_item, award_name, award_company } from "./AwardsItem.css.js";
+const AwardsItem = ({
+  id,
+  starRating,
+  awardsName,
+  awardsSource
+}) => {
+  let rating;
+  switch (starRating) {
+    case "5.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/2fdRGVo32cUTltS5a0QKkF/9e3d0ce07b648fad2de7177bb7685f39/5-stars.svg";
+      break;
+    case "4.5 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/5kDSlcD0nHPpfsO2d9MXmj/680304bee0f48365388a9b43b0ec9aab/4point5-stars.svg";
+      break;
+    case "4.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/7qNXIOMTzaDfPhCAlXP41u/2a7d54670fb94594994a2beb3b3c00fc/4-stars.svg";
+      break;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${award_item} text_center`, id: `id_${id}`, children: [
+    starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation" }),
+    /* @__PURE__ */ jsx("p", { className: award_name, children: awardsName }),
+    /* @__PURE__ */ jsx("p", { className: award_company, children: awardsSource })
+  ] });
+};
+export {
+  AwardsItem
+};

package/dist/AwardsItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AwardsItem.css';
+export * from './AwardsItem';

package/dist/AwardsItem/index.js

@@ -0,0 +1,8 @@
+import { award_company, award_item, award_name } from "./AwardsItem.css.js";
+import { AwardsItem } from "./AwardsItem.js";
+export {
+  AwardsItem,
+  award_company,
+  award_item,
+  award_name
+};

package/dist/Carousel/index.js

@@ -22,6 +22,10 @@ import React, { useEffect, Children, cloneElement } from "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 /* empty css                                                    */
 /* empty css                                                                    */
 import "../HeroBanner/HeroBanner.css.js";
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Chevron/index.js

@@ -18,8 +18,12 @@ import "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
 /* empty css                                          */
+/* empty css                                              */
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -39,6 +43,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

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

@@ -88,6 +88,7 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
     };
 }>;
 export declare const contacts: string;
+export declare const contact_links: string;
 export declare const headshot: string;
 export declare const img_area: string;
 export declare const media: string;
@@ -101,51 +102,12 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
         quaternary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
     };
 }>;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -13,22 +13,24 @@ var padding = "txcb8dm";
 var copy = "txcb8dn";
 var contact_entry = createRuntimeFn({ defaultClassName: "txcb8do", variantClassNames: { variant: { primary: "txcb8dp", secondary: "txcb8dq", tertiary: "txcb8dr", quaternary: "txcb8ds" } }, defaultVariants: {}, compoundVariants: [] });
 var contacts = "txcb8dt";
-var headshot = "txcb8du";
-var img_area = "txcb8dv";
-var media = "txcb8dw";
-var person = "txcb8dx";
-var shift = "txcb8dy";
-var bio_section_text = "txcb8dz";
-var section_theme = createRuntimeFn({ defaultClassName: "txcb8d10", variantClassNames: { variant: { primary: "txcb8d11", secondary: "txcb8d12", tertiary: "txcb8d13", quaternary: "txcb8d14" } }, defaultVariants: {}, compoundVariants: [] });
-var header_theme = createRuntimeFn({ defaultClassName: "txcb8d15", variantClassNames: { variant: { primary: "txcb8d16", secondary: "txcb8d17", tertiary: "txcb8d18", quaternary: "txcb8d19" } }, defaultVariants: {}, compoundVariants: [] });
-var components = "txcb8d1a";
-var details = "txcb8d1b";
+var contact_links = "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";
 export {
   bio_name,
   bio_section_text,
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,

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, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,9 @@ export interface ExecutiveBioProps {
     executiveName: string;
     executiveTitle: string;
     executiveBodyCopy?: string | ReactNode;
-    executiveEmailAddress: string;
-    executivePhoneNumber: string;
+    executiveEmailAddress?: string;
+    executivePhoneNumber?: string;
+    executiveLinkedIn?: string;
+    executiveWebsite?: string;
     executiveHeadshot?: ImageInterface;
 }

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { padding, item_bio, shift, media, headshot, img_area, description, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry } from "./ExecutiveBio.css.js";
+import { padding, item_bio, shift, media, headshot, img_area, description, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
 const ExecutiveBio = ({
   id,
   executiveName,
@@ -8,6 +8,8 @@ const ExecutiveBio = ({
   executiveBodyCopy,
   executiveEmailAddress,
   executivePhoneNumber,
+  executiveLinkedIn,
+  executiveWebsite,
   executiveHeadshot,
   variant: fullVariant = "primary"
 }) => {
@@ -30,52 +32,108 @@ const ExecutiveBio = ({
         /* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
         /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
       ] }),
-      (executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
-        executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
-                  fill: "#1E3860",
-                  className: svg_icon({ variant })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
+      (executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
+        (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
+          executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd",
+                    d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
+                    fill: "#1E3860",
+                    className: svg_icon({ variant })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
+          ] }),
+          executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
+                    fill: "#1E3860",
+                    className: svg_icon({ variant })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
+          ] })
         ] }),
-        executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
-                  fill: "#1E3860",
-                  className: svg_icon({ variant })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
-        ] })
-      ] }) })
+        (executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${contact_col} ${contact_links} flex_col between`,
+            children: [
+              executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                /* @__PURE__ */ jsx("a", { href: `${executiveLinkedIn}`, className: "btn_link", children: "LinkedIn" }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M7.81069 2.25L17.341 11.7803L7.81069 21.3107L6.75003 20.25L15.2199 11.7803L6.75003 3.31066L7.81069 2.25Z",
+                        fill: "#2F5B88",
+                        className: svg_icon({ variant })
+                      }
+                    )
+                  }
+                )
+              ] }),
+              executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                /* @__PURE__ */ jsx("a", { href: `${executiveWebsite}`, className: "btn_link", children: "Website" }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M7.81069 2.25L17.341 11.7803L7.81069 21.3107L6.75003 20.25L15.2199 11.7803L6.75003 3.31066L7.81069 2.25Z",
+                        fill: "#2F5B88",
+                        className: svg_icon({ variant })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] })
     ] })
   ] }) }) }) });
 };

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

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

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,144 +1,38 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { section_theme, bio_section_text, header_theme, components, padding, item_bio, shift, media, headshot, img_area, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry, details } from "./ExecutiveBio.css.js";
+import { ExecutiveBio } from "./ExecutiveBio.js";
+import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
 const ExecutiveBioSet = ({
   id,
   title,
   description,
   executiveBios,
   additionalDetails,
-  variant,
-  headline
+  headline,
+  variant: fullVariant = "primary"
 }) => {
+  const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs("section", { id, className: section_theme({ variant }), children: [
     /* @__PURE__ */ jsx("div", { className: "containment", children: (title || description) && /* @__PURE__ */ jsxs("div", { className: bio_section_text, children: [
-      headline && /* @__PURE__ */ jsx(
-        "h2",
-        {
-          className: `header_1 ${header_theme({ variant: getVariant(variant) })}`,
-          children: title
-        }
-      ),
+      headline && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
       description && /* @__PURE__ */ jsx(Fragment, { children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map(
-      ({
-        id: id2,
-        executiveName,
-        executiveTitle,
-        executiveBodyCopy,
-        executiveEmailAddress,
-        executivePhoneNumber,
-        executiveHeadshot,
-        variant: variant2
-      }) => /* @__PURE__ */ jsx("section", { className: "section_spacer", id: `id_${id2}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${padding} ${item_bio({ variant: getVariant(variant2) })} rounded`,
-          children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
-            executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: img_area,
-                style: {
-                  backgroundImage: `url(${executiveHeadshot?.src})`
-                },
-                role: "presentation",
-                children: " "
-              }
-            ) }) }),
-            /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
-              /* @__PURE__ */ jsxs("div", { className: person, children: [
-                title ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: `${bio_name({ variant: getVariant(variant2) })} header_3`,
-                      children: executiveName
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h4",
-                    {
-                      className: `${job_title({ variant: getVariant(variant2) })}`,
-                      children: executiveTitle
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      className: `${bio_name({ variant: getVariant(variant2) })} header_3`,
-                      children: executiveName
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: `${job_title({ variant: getVariant(variant2) })}`,
-                      children: executiveTitle
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
-              ] }),
-              executiveEmailAddress || executivePhoneNumber && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `${contacts} flex between push_up_24`,
-                  children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
-                    executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          width: "24",
-                          height: "24",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          children: /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              className: svg_icon({ variant: variant2 }),
-                              "fill-rule": "evenodd",
-                              "clip-rule": "evenodd",
-                              d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
-                              fill: "#1E3860"
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: contact_entry({ variant: variant2 }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
-                    ] }),
-                    executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          className: svg_icon({ variant: variant2 }),
-                          width: "24",
-                          height: "24",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          children: /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
-                              fill: "#1E3860"
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: contact_entry({ variant: variant2 }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
-                    ] })
-                  ] })
-                }
-              )
-            ] })
-          ] })
-        }
-      ) }) }, id2)
-    ) }),
+    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      ExecutiveBio,
+      {
+        id: `id_${bio.id}`,
+        executiveName: bio?.executiveName,
+        executiveTitle: bio?.executiveTitle,
+        executiveBodyCopy: bio?.executiveBodyCopy,
+        executiveEmailAddress: bio?.executiveEmailAddress,
+        executivePhoneNumber: bio?.executivePhoneNumber,
+        executiveLinkedIn: bio?.executiveLinkedIn,
+        executiveWebsite: bio?.executiveWebsite,
+        executiveHeadshot: bio?.executiveHeadshot,
+        variant: bio?.variant
+      },
+      index
+    ) })) }),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });
 };

package/dist/ExecutiveBio/index.js

@@ -1,5 +1,5 @@
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_name, bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
+import { bio_name, bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
@@ -9,6 +9,7 @@ export {
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,