@axos-web-dev/shared-components 1.0.100-dev.73-slow-msg-1 → 1.0.100-dev.73-compact-executive-bio.3

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -2,36 +2,50 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { ExecutiveBio } from "./ExecutiveBio.js";
 import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
+import "../utils/allowedAxosDomains.js";
+import "react";
+import { columnValues } from "../utils/variant.types.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 const ExecutiveBioSet = ({
   id,
   title,
   description,
   executiveBios,
   additionalDetails,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  numberOfColumns = "1 Column"
 }) => {
   const variant = getVariant(fullVariant);
+  const numOfCols = getNumOfColumns(numberOfColumns);
   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: [
       title && /* @__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((bio) => /* @__PURE__ */ jsx(
-      ExecutiveBio,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        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: { src: bio?.executiveHeadshot?.src || "" },
-        variant: bio?.variant
-      },
-      bio.id
-    )) }),
+        className: numOfCols && columnValues.includes(numOfCols) ? `${components({ columns: numOfCols })} cols_${numOfCols} containment` : "",
+        children: executiveBios.map((bio) => /* @__PURE__ */ jsx(
+          ExecutiveBio,
+          {
+            id: `id_${bio.id}`,
+            hasParentH2: Boolean(title),
+            executiveName: bio?.executiveName,
+            executiveTitle: bio?.executiveTitle,
+            executiveBodyCopy: bio?.executiveBodyCopy,
+            executiveEmailAddress: bio?.executiveEmailAddress,
+            executivePhoneNumber: bio?.executivePhoneNumber,
+            executiveLinkedIn: bio?.executiveLinkedIn,
+            executiveWebsite: bio?.executiveWebsite,
+            executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
+            variant: bio?.variant,
+            bannerType: bio?.bannerType
+          },
+          bio.id
+        ))
+      }
+    ),
     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_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, compact, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
@@ -20,6 +20,7 @@ export {
   ceo_name,
   ceo_quote,
   ceo_title,
+  compact,
   components,
   contact_col,
   contact_entry,

package/dist/SetContainer/SetContainer.js

@@ -89,6 +89,7 @@ import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
@@ -133,7 +134,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
-import { getNumOfColumns } from "../utils/getNumber.js";
 const SetContainer = ({
   id,
   variant,