@apolitical/component-library 3.5.20 → 3.5.21

package/index.mjs

@@ -6560,54 +6560,56 @@ const tc = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
 };
 const tu = ({
   title: t = !1,
-  logos: e = [],
-  styling: n = {},
-  className: r = ""
+  text: e,
+  logos: n = [],
+  styling: r = {},
+  className: s = ""
 }) => {
-  const s = e.length;
-  if (s === 0)
+  const i = n.length;
+  if (i === 0)
     return null;
-  const i = {
+  const o = {
     element: typeof t == "object" ? t.element : "h2",
     text: typeof t == "string" ? t : typeof t == "object" ? t.text : "",
     className: typeof t == "object" ? t.className : ""
-  }, { wrapLogos: o = !1, align: c = "center", display: d = "block" } = n;
+  }, { wrapLogos: c = !1, align: d = "center", display: l = "block" } = r;
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: E("logos", r, `align-${c}`, {
-        [d]: d !== "block",
-        "wrap-logos": o
+      className: E("logos", s, `align-${d}`, {
+        [l]: l !== "block",
+        "wrap-logos": c
       }),
       children: [
         t && Y.createElement(
-          i.element,
-          { className: E("title", i.className) },
-          i.text
+          o.element,
+          { className: E("title", o.className) },
+          o.text
         ),
+        e && /* @__PURE__ */ a.jsx("p", { children: e }),
         /* @__PURE__ */ a.jsx(
           "ul",
           {
             className: E({
-              "two-col": s === 2 || s === 4,
-              "three-col": s === 5 || s <= 10 && s % 3 === 0
+              "two-col": i === 2 || i === 4,
+              "three-col": i === 5 || i <= 10 && i % 3 === 0
             }),
-            children: e.map(({ logo: l, nameOfBusiness: u, link: m = !1, description: f = !1 }, p) => {
-              if (!l || !l.url)
+            children: n.map(({ logo: u, nameOfBusiness: m, link: f = !1, description: p = !1 }, h) => {
+              if (!u || !u.url)
                 return null;
-              const h = /* @__PURE__ */ a.jsx(
+              const v = /* @__PURE__ */ a.jsx(
                 "img",
                 {
-                  src: l.url,
-                  width: l.width || "auto",
-                  height: l.height || "auto",
-                  alt: u
+                  src: u.url,
+                  width: u.width || "auto",
+                  height: u.height || "auto",
+                  alt: m
                 }
               );
               return /* @__PURE__ */ a.jsxs("li", { children: [
-                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: m ? /* @__PURE__ */ a.jsx("a", { href: m, target: "_blank", rel: "nofollow noreferrer noopener", children: h }) : h }),
-                f && /* @__PURE__ */ a.jsx("small", { children: f })
-              ] }, window.btoa(`${l.url}_${p}`));
+                /* @__PURE__ */ a.jsx("p", { className: "img-wrapper", children: f ? /* @__PURE__ */ a.jsx("a", { href: f, target: "_blank", rel: "nofollow noreferrer noopener", children: v }) : v }),
+                p && /* @__PURE__ */ a.jsx("small", { children: p })
+              ] }, window.btoa(`${u.url}_${h}`));
             })
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "3.5.20",
+  "version": "3.5.21",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/sections/logo-section/logo-section.d.ts

@@ -16,6 +16,8 @@ interface Props {
         text: string;
         className?: string;
     };
+    /** Text to show above the logos */
+    text?: string;
     /** The logos to show */
     logos?: Array<LogosType>;
     /** Optional styling */
@@ -30,5 +32,5 @@ interface Props {
     /** Additional classes */
     className?: string;
 }
-declare const LogoSection: ({ title: titleProps, logos, styling, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const LogoSection: ({ title: titleProps, text, logos, styling, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default LogoSection;