@scrippsproduct/networks-ui-library 2.0.9 → 2.0.10

package/dist/assets/ImageCard.css

@@ -1 +1 @@
-image-card{--overlay-content-text-color: #fff;--align-overlay-content: flex-end;--justify-overlay-content: flex-start;display:flex;flex-direction:column;justify-content:stretch;height:100%;margin:0;padding:0 0 1rem}._image-card--clickable_1rqsg_13{cursor:pointer}._image-card__img-wrapper_1rqsg_17{display:grid;grid-template-areas:"img"}._image-card__img-wrapper_1rqsg_17>*{grid-area:img;place-self:var(--align-overlay-content) var(--justify-overlay-content)}._image-card__img-wrapper_1rqsg_17>*>*{padding:0 1.5rem;color:var(--overlay-content-text-color);text-shadow:1px 1px 2px rgba(0,0,0,.4)}._image-card__img-wrapper_1rqsg_17>*>source{display:contents}._image-card--inline_1rqsg_34 ._image-card__img-wrapper_1rqsg_17{flex:0 1 min(50%,750px)}._image-card__image_1rqsg_38{width:100%;padding:0!important}._image-card__image_1rqsg_38>img,._image-card__mobile-image_1rqsg_44{aspect-ratio:var(--image-aspect-ratio);width:100%;padding:0;object-fit:cover;object-position:var(--background-image-position);background-color:#efefef}._image-card__mobile-image_1rqsg_44{display:none;aspect-ratio:var(--mobile-image-aspect-ratio);object-position:var(--mobile-background-image-position)}@media screen and (max-width:700px){._image-card__mobile-image_1rqsg_44{display:block}._image-card__image_1rqsg_38{object-position:var(--mobile-background-image-position)}._image-card__mobile-image_1rqsg_44~._image-card__image_1rqsg_38{display:none}}._image-card--inline_1rqsg_34{flex-direction:row;gap:2.5rem;padding:0}._image-card__play-icon_1rqsg_76{cursor:pointer;position:relative;overflow:hidden;display:grid;place-self:center center;padding:1.5rem;border:1px rgba(0,0,0,.4) dotted;border-radius:50%;background-color:#ffffff80;transition:scale .225s ease-in-out}._image-card__play-icon_1rqsg_76>._play-icon__triangle_1rqsg_88{position:absolute;top:32%;left:35%;display:block;width:0;height:0;border-top:.6rem solid transparent;border-right:none;border-bottom:.6rem solid transparent;border-left:1.2rem solid rgba(0,0,0,.5);background-color:transparent;transition:scale .225s ease-in-out,left .225s ease-in-out}._image-card__play-icon_1rqsg_76:hover{scale:1.1}._image-card__play-icon_1rqsg_76:hover>._play-icon__triangle_1rqsg_88{left:42%;scale:1.1}._image-card__content_1rqsg_110{padding:1.5rem 0 .5rem;text-align:left}._image-card__content_1rqsg_110>div{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--content-line-clamp);line-clamp:var(--content-line-clamp);margin:1.5em 0}._image-card__content_1rqsg_110 h2{margin-top:0}._image-card--inline_1rqsg_34 ._image-card__content_1rqsg_110{align-self:center;padding:0}._image-card__cta-wrapper_1rqsg_131{justify-self:flex-end;margin-top:auto}._image-card__cta_1rqsg_131{color:var(--base-anchor-color);text-align:left}._image-card__overlay-content_1rqsg_141{padding-bottom:1.5rem}
+image-card{--overlay-content-text-color: #fff;--align-overlay-content: flex-end;--justify-overlay-content: flex-start;display:flex;flex-direction:column;justify-content:stretch;box-sizing:border-box;height:100%;margin:0;padding:0 0 1rem}._image-card--clickable_1tnka_14{cursor:pointer}._image-card__img-wrapper_1tnka_18{display:grid;grid-template-areas:"img"}._image-card__img-wrapper_1tnka_18>*{grid-area:img;place-self:var(--align-overlay-content) var(--justify-overlay-content)}._image-card__img-wrapper_1tnka_18>*>*{padding:0 1.5rem;color:var(--overlay-content-text-color);text-shadow:1px 1px 2px rgba(0,0,0,.4)}._image-card__img-wrapper_1tnka_18>*>source{display:contents}._image-card--inline_1tnka_35 ._image-card__img-wrapper_1tnka_18{flex:0 1 min(50%,750px)}._image-card__image_1tnka_39{width:100%;padding:0!important}._image-card__image_1tnka_39>img,._image-card__mobile-image_1tnka_45{aspect-ratio:var(--image-aspect-ratio);width:100%;padding:0;object-fit:cover;object-position:var(--background-image-position);background-color:#efefef}._image-card__mobile-image_1tnka_45{display:none;aspect-ratio:var(--mobile-image-aspect-ratio);object-position:var(--mobile-background-image-position)}@media screen and (max-width:700px){._image-card__mobile-image_1tnka_45{display:block}._image-card__image_1tnka_39{object-position:var(--mobile-background-image-position)}._image-card__mobile-image_1tnka_45~._image-card__image_1tnka_39{display:none}}._image-card--inline_1tnka_35{flex-direction:row;gap:2.5rem;padding:0}._image-card__play-icon_1tnka_77{cursor:pointer;position:relative;overflow:hidden;display:grid;place-self:center center;padding:1.5rem;border:1px rgba(0,0,0,.4) dotted;border-radius:50%;background-color:#ffffff80;transition:scale .225s ease-in-out}._image-card__play-icon_1tnka_77>._play-icon__triangle_1tnka_89{position:absolute;top:32%;left:35%;display:block;width:0;height:0;border-top:.6rem solid transparent;border-right:none;border-bottom:.6rem solid transparent;border-left:1.2rem solid rgba(0,0,0,.5);background-color:transparent;transition:scale .225s ease-in-out,left .225s ease-in-out}._image-card__play-icon_1tnka_77:hover{scale:1.1}._image-card__play-icon_1tnka_77:hover>._play-icon__triangle_1tnka_89{left:42%;scale:1.1}._image-card__content_1tnka_111{padding:1.5rem 0 .5rem;text-align:left}._image-card__content_1tnka_111>div{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--content-line-clamp);line-clamp:var(--content-line-clamp);margin:1.5em 0}._image-card__content_1tnka_111 h2{margin-top:0}._image-card--inline_1tnka_35 ._image-card__content_1tnka_111{align-self:center;padding:0}._image-card__cta-wrapper_1tnka_132{justify-self:flex-end;margin-top:auto}._image-card__cta_1tnka_132{color:var(--base-anchor-color);text-align:left}._image-card__overlay-content_1tnka_142{padding-bottom:1.5rem}image-card.sports-leauge-card{padding-block-end:1.5rem;border-radius:20px;color:#fff;background-color:#671982}image-card.sports-leauge-card .leauge-card__content,image-card.sports-leauge-card .h4,image-card.sports-leauge-card .image-card__cta-wrapper{padding-inline:1.5rem}image-card.sports-leauge-card .image-card__content>div{margin-block:1rem}image-card.sports-leauge-card .image-card__img-wrapper img{border-radius:20px 20px 0 0}image-card.sports-leauge-card .h4{margin-block-end:0}image-card.sports-leauge-card .image-card__cta{display:block;padding-block:1rem;border-radius:20px;font-weight:500;color:#fff;text-align:center;text-decoration:none;background-color:#a026a0;transition:transform .3s ease}image-card.sports-leauge-card .image-card__cta:hover{transform:scale3d(1.05,1.05,1.05)}image-card.sports-leauge-card .league-card__date{margin-block-end:.5rem;font-size:.875rem}image-card.sports-leauge-card .league-card__teams{font-size:1.2rem;font-weight:500}

package/dist/assets/LogoCard.css

@@ -0,0 +1 @@
+logo-card{--logo-box-width: "100%";--logo-box-height: "auto";display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;margin:0}._logo-card__logo-box_6at8h_11{overflow:hidden;flex:0 0 auto;width:100%;height:var(--logo-box-height)}._logo-card__logo_6at8h_11{display:block;width:100%;height:100%}._logo-card__logo_6at8h_11>img{display:block;width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:left center}._logo-card__body_6at8h_34{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;min-width:0}._logo-card__content_6at8h_42{text-align:left}._logo-card__content_6at8h_42>:first-child{margin-top:0}._logo-card__content_6at8h_42>:last-child{margin-bottom:0}._logo-card__cta-wrapper_6at8h_52{margin-top:auto}._logo-card__cta_6at8h_52{color:var(--base-anchor-color);text-align:left}._logo-card--inline_6at8h_61{flex-direction:row;gap:2.5rem;align-items:center}._logo-card--inline_6at8h_61 ._logo-card__logo-box_6at8h_11{width:var(--logo-box-width);max-width:100%;height:auto}._logo-card--inline_6at8h_61 ._logo-card__logo_6at8h_11{height:auto}._logo-card--inline_6at8h_61 ._logo-card__logo_6at8h_11>img{width:100%;height:auto;max-height:none}._logo-card--inline_6at8h_61 ._logo-card__body_6at8h_34{justify-content:center}._logo-card--inline_6at8h_61 ._logo-card__cta-wrapper_6at8h_52{margin-top:0}

package/dist/components/Carousel/Carousel.js

@@ -1,16 +1,16 @@
-import { jsx as l, Fragment as Z, jsxs as B } from "react/jsx-runtime";
-import { useRef as a, useState as m, useEffect as G, useCallback as u, Suspense as ee } from "react";
-import { chunkArray as re, classes as g } from "../../utils/helpers.js";
-import te from "./CarouselUtils.class.js";
-import { CarouselSlide as ne } from "../CarouselSlide/CarouselSlide.js";
-import { Loading as le } from "../Loading/Loading.js";
-import { c as i } from "../../Carousel.module-Nwf_zL9b.mjs";
-import { C as ce } from "../../chevron-left-D0UjbrKw.mjs";
-import { C as oe } from "../../chevron-right-0ZF3LruR.mjs";
-const A = window.matchMedia("(width <= 600px)"), P = window.matchMedia("(width <= 800px"), b = window.matchMedia("(width <= 1024px"), z = window.matchMedia("(width <= 1280px");
-function ge({
-  id: E,
-  cells: L,
+import { jsx as l, Fragment as ee, jsxs as j } from "react/jsx-runtime";
+import { useRef as i, useState as m, useEffect as B, useCallback as u, Suspense as re } from "react";
+import { chunkArray as te, classes as g } from "../../utils/helpers.js";
+import ne from "./CarouselUtils.class.js";
+import { CarouselSlide as le } from "../CarouselSlide/CarouselSlide.js";
+import { Loading as ce } from "../Loading/Loading.js";
+import { c as a } from "../../Carousel.module-Nwf_zL9b.mjs";
+import { C as oe } from "../../chevron-left-D0UjbrKw.mjs";
+import { C as se } from "../../chevron-right-0ZF3LruR.mjs";
+const P = window.matchMedia("(width <= 600px)"), b = window.matchMedia("(width <= 800px"), z = window.matchMedia("(width <= 1024px"), E = window.matchMedia("(width <= 1280px");
+function we({
+  id: L,
+  cells: w,
   options: x = {
     paginationType: "dots",
     showControls: !0,
@@ -32,17 +32,17 @@ function ge({
     wrapAround: !0
   }
 }) {
-  const h = a(`carousel-${E}`), I = a(null), c = a(null), R = a(null), p = a([...L]), $ = a(null), w = a(null), r = a(null), e = a(x), o = a(x), N = a("-50%"), [T, H] = m([]), [M, U] = m([]), [k, q] = m(0), [F, D] = m(!1);
-  G(() => {
+  const h = i(`carousel-${L}`), I = i(null), c = i(null), R = i(null), p = i([...w]), $ = i(null), S = i(null), r = i(null), e = i(x), o = i(x), N = i("-50%"), [T, H] = m([]), [M, U] = m([]), [k, q] = m(0), [F, D] = m(!1);
+  B(() => {
     const t = () => {
-      A.matches ? e.current = {
+      P.matches ? e.current = {
         ...o.current,
         showControls: !1,
         showPagination: !1,
         cellsPerSlide: 1,
         cellsPosition: o.current.wrapAround ? "center" : "flex-start",
         gutterSize: 10
-      } : P.matches ? o.current.cellsPerSlide !== 1 ? e.current = {
+      } : b.matches ? o.current.cellsPerSlide !== 1 ? e.current = {
         ...o.current,
         cellsPerSlide: 2,
         showControls: !1,
@@ -51,7 +51,7 @@ function ge({
         ...o.current,
         showControls: !1,
         gutterSize: 10
-      } : b.matches ? o.current.cellsPerSlide !== 1 && o.current.cellsPerSlide !== 2 ? e.current = {
+      } : z.matches ? o.current.cellsPerSlide !== 1 && o.current.cellsPerSlide !== 2 ? e.current = {
         ...o.current,
         cellsPerSlide: 3,
         showControls: !1,
@@ -60,7 +60,7 @@ function ge({
         ...o.current,
         showControls: !1,
         gutterSize: 10
-      } : z.matches ? o.current.showPagination ? e.current = {
+      } : E.matches ? o.current.showPagination ? e.current = {
         ...o.current,
         showControls: !1
       } : e.current = {
@@ -73,24 +73,24 @@ function ge({
     const n = () => {
       q((s) => s + 1), t();
     };
-    return A.addEventListener("change", n), P.addEventListener("change", n), b.addEventListener("change", n), z.addEventListener("change", n), () => {
-      A.removeEventListener("change", n), P.removeEventListener("change", n), b.removeEventListener("change", n), z.removeEventListener("change", n);
+    return P.addEventListener("change", n), b.addEventListener("change", n), z.addEventListener("change", n), E.addEventListener("change", n), () => {
+      P.removeEventListener("change", n), b.removeEventListener("change", n), z.removeEventListener("change", n), E.removeEventListener("change", n);
     };
   }, []);
   const O = u((t, n) => {
-    const s = re(n, t);
+    const s = te(n, t);
     U([...s]);
-    let y = [];
+    let _ = [];
     for (let f = 0; f <= s.length - 1; f++)
-      y[f] = {
+      _[f] = {
         ariaLabel: `${f + 1} of ${s.length}`,
         layout: s[f][0].layout || "",
         cells: [
           ...s[f]
         ]
       };
-    const _ = [...y], C = [...y], X = _.slice(-1), Y = _.slice(0);
-    return C.push(Y[0]), C.unshift(X[0]), e.current.wrapAround && t.length > n ? C : _;
+    const C = [..._], A = [..._], Y = C.slice(-1), Z = C.slice(0);
+    return A.push(Z[0]), A.unshift(Y[0]), e.current.wrapAround && t.length > n ? A : C;
   }, []), d = u(() => {
     e.current.autoplay && r.current && r.current.clearTimer();
   }, []), W = u((t) => {
@@ -101,25 +101,25 @@ function ge({
     d(), c.current !== null && c.current.addEventListener("scrollend", () => {
       r.current && r.current.handleScrollEnd();
     }, { once: !0 });
-  }, [d]), S = u(() => {
+  }, [d]), v = u(() => {
     d(), c.current !== null && c.current.addEventListener("scrollend", () => {
-      r.current && r.current.handleScrollEnd(), c.current && c.current.addEventListener("scroll", S, { once: !0 });
+      r.current && r.current.handleScrollEnd(), c.current && c.current.addEventListener("scroll", v, { once: !0 });
     }, { once: !0 });
   }, [d]), Q = () => {
     var t;
     (t = r.current) == null || t.destroy();
-  }, v = u(() => {
+  }, y = u(() => {
     //! make sure class is only instantiated once because of reacts
     //! "strict" mode double do hocus pocus
     var t, n;
-    r.current !== null && k > 0 && ((n = (t = r.current).destroy) == null || n.call(t), r.current = null), D(!1), r.current = new te({
+    r.current !== null && k > 0 && ((n = (t = r.current).destroy) == null || n.call(t), r.current = null), D(!1), r.current = new ne({
       carouselEl: I.current,
       scrollerEl: c.current,
       paginationEl: R.current,
       cells: p.current,
       navBtnEls: {
         next: $.current,
-        previous: w.current
+        previous: S.current
       },
       id: h.current,
       options: {
@@ -134,46 +134,48 @@ function ge({
       }
     }), D(!0);
   }, [k]), V = u(() => {
-    c.current && c.current.addEventListener("scroll", S, { once: !0 });
-  }, [S]), K = () => {
+    c.current && c.current.addEventListener("scroll", v, { once: !0 });
+  }, [v]), G = () => {
     var t;
     return ((t = c.current) == null ? void 0 : t.querySelectorAll("[data-index]").length) ?? 0;
-  }, j = u(() => {
+  }, K = u(() => {
     const t = O(p.current, e.current.cellsPerSlide ?? 1);
     H(t);
     const n = t.length;
     if (p.current.length > (e.current.cellsPerSlide ?? 1)) {
       let s = setInterval(() => {
-        c.current !== null && K() >= n && (w.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(s), V(), v());
+        c.current !== null && G() >= n && (S.current !== null && e.current.showControls || !e.current.showControls) && (clearInterval(s), V(), y());
       }, 100);
     } else {
       let s = setInterval(() => {
-        c.current !== null && K() >= n && (clearInterval(s), v());
+        c.current !== null && G() >= n && (clearInterval(s), y());
       }, 100);
     }
-  }, [O, V, v]);
-  return G(() => {
+  }, [O, V, y]);
+  B(() => {
     if (e.current !== null) {
       if (e.current.showControls) {
         let t = 0;
         e.current.showPagination && (t = t + 25), e.current.showScrollbar && (t = t + 6), N.current = `calc(-50% - ${t}px)`;
       }
-      j();
+      K();
     }
     return () => {
       Q();
     };
-  }, [j, e]), /* @__PURE__ */ l(Z, { children: e.current !== null && /* @__PURE__ */ B(
+  }, [K, e]);
+  const X = () => w.length <= (e.current.cellsPerSlide ?? 1) ? "0" : e.current.wrapAround ? `${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%` : `0 ${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%`;
+  return /* @__PURE__ */ l(ee, { children: e.current !== null && /* @__PURE__ */ j(
     "div",
     {
       "aria-label": e.current.title,
       "aria-roledescription": "carousel",
-      className: i.carousel,
+      className: a.carousel,
       id: h.current,
       ref: I,
       role: "region",
       style: {
-        "--_carousel-gutters": e.current.wrapAround ? `${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%` : `0 ${(e.current.gutterSize ?? 25) <= 25 ? e.current.gutterSize ?? 25 : 25}%`,
+        "--_carousel-gutters": X(),
         "--_slide-aspect-ratio": e.current.slideAspectRatio,
         "--_cell-aspect-ratio": e.current.cellAspectRatio,
         "--_slide-cell-size": `${100 / (e.current.cellsPerSlide ?? 1)}%`,
@@ -190,7 +192,7 @@ function ge({
           {
             "aria-label": "Items Scroller",
             "aria-live": "polite",
-            className: i.carousel__scroller,
+            className: a.carousel__scroller,
             "data-scrollbar": e.current.showScrollbar,
             ref: c,
             role: "group",
@@ -204,43 +206,43 @@ function ge({
             },
             onTouchStart: J,
             children: /* @__PURE__ */ l(
-              ee,
+              re,
               {
                 fallback: /* @__PURE__ */ l(
                   "li",
                   {
-                    className: g([i["carousel__loading-slide"], "carousel__loading-slide"]),
+                    className: g([a["carousel__loading-slide"], "carousel__loading-slide"]),
                     role: "presentation",
                     style: { aspectRatio: "var(--_slide-aspect-ratio)", width: "100%" },
-                    children: /* @__PURE__ */ l(le, {})
+                    children: /* @__PURE__ */ l(ce, {})
                   }
                 ),
                 children: T.length > 0 && T.map((t, n) => /* @__PURE__ */ l(
-                  ne,
+                  le,
                   {
                     currentIndex: e.current.wrapAround ? 1 : 0,
                     index: n,
                     slide: { ...t, ariaLabel: t.ariaLabel || "" },
                     variableHeight: e.current.variableHeight
                   },
-                  `carousel${E}-slide${n}`
+                  `carousel${L}-slide${n}`
                 ))
               }
             )
           }
         ),
-        e.current.showControls && L.length > (e.current.cellsPerSlide ?? 1) && /* @__PURE__ */ B("div", { className: i["carousel-controls"], children: [
+        e.current.showControls && w.length > (e.current.cellsPerSlide ?? 1) && /* @__PURE__ */ j("div", { className: a["carousel-controls"], children: [
           /* @__PURE__ */ l(
             "button",
             {
               "aria-controls": h.current,
               "aria-label": "Previous Item",
               className: g([
-                i["carousel-controls__btn"],
-                i["carousel-controls__previous"],
+                a["carousel-controls__btn"],
+                a["carousel-controls__previous"],
                 "carousel-controls__previous"
               ]),
-              ref: w,
+              ref: S,
               title: "Previous Item",
               type: "button",
               onClick: () => {
@@ -252,7 +254,7 @@ function ge({
               onMouseLeave: () => {
                 e.current.autoplay && r.current !== null && r.current.startTimer();
               },
-              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(ce, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
+              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(oe, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
             }
           ),
           /* @__PURE__ */ l(
@@ -260,7 +262,7 @@ function ge({
             {
               "aria-controls": h.current,
               "aria-label": "Next Item",
-              className: g([i["carousel-controls__btn"], i["carousel-controls__next"], "carousel-controls__next"]),
+              className: g([a["carousel-controls__btn"], a["carousel-controls__next"], "carousel-controls__next"]),
               ref: $,
               title: "Next Item",
               type: "button",
@@ -273,14 +275,14 @@ function ge({
               onMouseLeave: () => {
                 e.current.autoplay && r.current !== null && r.current.startTimer();
               },
-              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(oe, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
+              children: /* @__PURE__ */ l("i", { "aria-hidden": "true", children: /* @__PURE__ */ l(se, { height: e.current.controlArrowSize, width: e.current.controlArrowSize }) })
             }
           )
         ] }),
-        e.current.showPagination && M.length > 1 && /* @__PURE__ */ l("div", { className: [i["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ l("ol", { className: i["carousel-nav__list"], ref: R, children: M.map((t, n) => /* @__PURE__ */ l(
+        e.current.showPagination && M.length > 1 && /* @__PURE__ */ l("div", { className: [a["carousel-nav"], "carousel-nav"].join(" "), children: /* @__PURE__ */ l("ol", { className: a["carousel-nav__list"], ref: R, children: M.map((t, n) => /* @__PURE__ */ l(
           "li",
           {
-            className: g([i["carousel-nav__item"], "carousel-nav__item"]),
+            className: g([a["carousel-nav__item"], "carousel-nav__item"]),
             "data-current": n === 0 ? "" : void 0,
             title: `Navigate to slide ${n + 1}`,
             onClick: () => {
@@ -294,6 +296,6 @@ function ge({
   ) });
 }
 export {
-  ge as Carousel,
-  ge as default
+  we as Carousel,
+  we as default
 };

package/dist/components/CarouselSlide/slide-layouts/LogoCard/LogoCard.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { LogoCard as d } from "../../../LogoCard/LogoCard.js";
+function i(r) {
+  return /* @__PURE__ */ o("div", { className: "logo-card-slide", children: /* @__PURE__ */ o(d, { ...r }) });
+}
+export {
+  i as LogoCardSlide,
+  i as default
+};

package/dist/components/CarouselSlide/slide-layouts/LogoCard/index.js

@@ -0,0 +1,5 @@
+import { LogoCardSlide as a, LogoCardSlide as e } from "./LogoCard.js";
+export {
+  a as LogoCardSlide,
+  e as default
+};

package/dist/components/CarouselSlide/slide-layouts/index.js

@@ -1,18 +1,20 @@
 import { Empty as r } from "./Empty/Empty.js";
 import { FigureSlide as m } from "./Figure/Figure.js";
-import { ImageCardSlide as d } from "./ImageCard/ImageCard.js";
-import { NetworkCalloutSlide as p } from "./NetworkCallout/NetworkCalloutSlide.js";
-import { ShowSlide as f } from "./Show/ShowSlide.js";
-import { TextSlide as a } from "./Text/TextSlide.js";
+import { ImageCardSlide as l } from "./ImageCard/ImageCard.js";
+import { LogoCardSlide as p } from "./LogoCard/LogoCard.js";
+import { NetworkCalloutSlide as f } from "./NetworkCallout/NetworkCalloutSlide.js";
+import { ShowSlide as a } from "./Show/ShowSlide.js";
+import { TextSlide as g } from "./Text/TextSlide.js";
 import { TwoColumnSlide as w } from "./TwoColumn/TwoColumnSlide.js";
-import { VideoSlide as g } from "./Video/VideoSlide.js";
+import { VideoSlide as h } from "./Video/VideoSlide.js";
 export {
   r as Empty,
   m as FigureSlide,
-  d as ImageCardSlide,
-  p as NetworkCalloutSlide,
-  f as ShowSlide,
-  a as TextSlide,
+  l as ImageCardSlide,
+  p as LogoCardSlide,
+  f as NetworkCalloutSlide,
+  a as ShowSlide,
+  g as TextSlide,
   w as TwoColumnSlide,
-  g as VideoSlide
+  h as VideoSlide
 };

package/dist/components/GenericList/GenericList.js

@@ -1,14 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-import { p as o } from "../../index-DrfkaNHX.mjs";
+import { p as g } from "../../index-DrfkaNHX.mjs";
 import { classes as t } from "../../utils/helpers.js";
 import '../../assets/GenericList.css';const s = {
   "generic-list": "_generic-list_15mbm_257",
   "generic-list__item": "_generic-list__item_15mbm_264"
 };
-function u({
+function p({
   list: c = [],
   type: _ = "unordered",
-  classname: e = ""
+  classname: e = "",
+  gap: o = "0.5rem"
 }) {
   const n = () => c.map((r, l) => /* @__PURE__ */ i(
     "li",
@@ -18,7 +19,7 @@ function u({
         "generic-list__item",
         `${e}__item`
       ]),
-      children: typeof r == "string" && r !== "" ? o(r) : r
+      children: typeof r == "string" && r !== "" ? g(r) : r
     },
     e === "" ? `generic-list-${l}` : `${e}-${l}`
   ));
@@ -30,6 +31,7 @@ function u({
         "generic-list",
         `${e}`
       ]),
+      style: { gap: o },
       children: n()
     }
   ) : /* @__PURE__ */ i(
@@ -46,6 +48,6 @@ function u({
   );
 }
 export {
-  u as GenericList,
-  u as default
+  p as GenericList,
+  p as default
 };

package/dist/components/ImageCard/ImageCard.js

@@ -1,28 +1,28 @@
 import { jsx as c } from "react/jsx-runtime";
-import { classes as T } from "../../utils/helpers.js";
-import R from "./ImageCardCore.js";
+import { classes as R } from "../../utils/helpers.js";
+import v from "./ImageCardCore.js";
 import '../../assets/ImageCard.css';const n = {
-  "image-card--clickable": "_image-card--clickable_1rqsg_13",
-  "image-card__img-wrapper": "_image-card__img-wrapper_1rqsg_17",
-  "image-card--inline": "_image-card--inline_1rqsg_34",
-  "image-card__image": "_image-card__image_1rqsg_38",
-  "image-card__mobile-image": "_image-card__mobile-image_1rqsg_44",
-  "image-card__play-icon": "_image-card__play-icon_1rqsg_76",
-  "play-icon__triangle": "_play-icon__triangle_1rqsg_88",
-  "image-card__content": "_image-card__content_1rqsg_110",
-  "image-card__cta-wrapper": "_image-card__cta-wrapper_1rqsg_131",
-  "image-card__cta": "_image-card__cta_1rqsg_131",
-  "image-card__overlay-content": "_image-card__overlay-content_1rqsg_141"
-}, M = ({
+  "image-card--clickable": "_image-card--clickable_1tnka_14",
+  "image-card__img-wrapper": "_image-card__img-wrapper_1tnka_18",
+  "image-card--inline": "_image-card--inline_1tnka_35",
+  "image-card__image": "_image-card__image_1tnka_39",
+  "image-card__mobile-image": "_image-card__mobile-image_1tnka_45",
+  "image-card__play-icon": "_image-card__play-icon_1tnka_77",
+  "play-icon__triangle": "_play-icon__triangle_1tnka_89",
+  "image-card__content": "_image-card__content_1tnka_111",
+  "image-card__cta-wrapper": "_image-card__cta-wrapper_1tnka_132",
+  "image-card__cta": "_image-card__cta_1tnka_132",
+  "image-card__overlay-content": "_image-card__overlay-content_1tnka_142"
+}, N = ({
   image: t = { url: "", altText: "", aspectRatio: 1, sources: [] },
   mobileImage: g = { url: "", altText: "", aspectRatio: 1 },
   fullSizeImagePosition: e = [50, 50],
-  mobileImagePosition: _ = [50, 50],
-  clampContentLines: s = !0,
-  numberOfLinesToClamp: l = 3,
-  overlayPosition: y = "left",
-  overlayTextColor: i = "#fff",
-  relatedResourceId: q = "",
+  mobileImagePosition: a = [50, 50],
+  clampContentLines: l = !0,
+  numberOfLinesToClamp: y = 3,
+  overlayPosition: k = "left",
+  overlayTextColor: s = "#fff",
+  relatedResourceId: i = "",
   cta: r = {
     label: "",
     href: "",
@@ -34,63 +34,63 @@ import '../../assets/ImageCard.css';const n = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   handleClicks: x = (u) => {
   },
-  fullCardClickable: a = !1,
+  fullCardClickable: _ = !1,
   displayInline: d = !1,
   classname: p = "",
   ref: o,
-  ...v
+  ...w
 }) => {
   const u = /* @__PURE__ */ new Map([
     ["left", "flex-start"],
     ["right", "flex-end"],
     ["center", "center"]
-  ]), h = (m) => {
+  ]), h = (T) => {
     x({
       type: "card-clicked",
       ctaType: r == null ? void 0 : r.type,
-      resourceId: q,
+      resourceId: i,
       resourceType: r.relatedResourceType,
-      target: m.target,
-      currentTarget: m.currentTarget
+      target: T.target,
+      currentTarget: T.currentTarget
     });
-  }, k = {
-    "--justify-overlay-content": u.get(y),
+  }, f = {
+    "--justify-overlay-content": u.get(k),
     "--align-overlay-content": d ? "center" : "flex-end",
-    "--overlay-content-text-color": i,
-    "--content-line-clamp": s ? l : "unset",
+    "--overlay-content-text-color": s,
+    "--content-line-clamp": l ? y : "unset",
     "--image-aspect-ratio": t.aspectRatio,
     "--mobile-image-aspect-ratio": g.aspectRatio,
     "--background-image-position": `${(e == null ? void 0 : e[0]) ?? "50"}% ${(e == null ? void 0 : e[1]) ?? "50"}%`,
-    "--mobile-background-image-position": `${(_ == null ? void 0 : _[0]) ?? "50"}% ${(_ == null ? void 0 : _[1]) ?? "50"}%`
-  }, f = {
-    ...v,
+    "--mobile-background-image-position": `${(a == null ? void 0 : a[0]) ?? "50"}% ${(a == null ? void 0 : a[1]) ?? "50"}%`
+  }, m = {
+    ...w,
     image: t,
     mobileImage: g,
     fullSizeImagePosition: e,
-    mobileImagePosition: _,
-    clampContentLines: s,
-    numberOfLinesToClamp: l,
-    overlayPosition: y,
-    overlayTextColor: i,
-    relatedResourceId: q,
+    mobileImagePosition: a,
+    clampContentLines: l,
+    numberOfLinesToClamp: y,
+    overlayPosition: k,
+    overlayTextColor: s,
+    relatedResourceId: i,
     cta: r,
     handleClicks: x,
-    fullCardClickable: a,
+    fullCardClickable: _,
     displayInline: d,
     classname: p
   };
-  return a && (r == null ? void 0 : r.href) !== "" && ((r == null ? void 0 : r.type) === "internal-link" || (r == null ? void 0 : r.type) === "external-link") ? /* @__PURE__ */ c(
+  return _ && (r == null ? void 0 : r.href) !== "" && ((r == null ? void 0 : r.type) === "internal-link" || (r == null ? void 0 : r.type) === "external-link") ? /* @__PURE__ */ c(
     "image-card",
     {
-      class: T([
-        a ? n["image-card--clickable"] : null,
+      class: R([
+        _ ? n["image-card--clickable"] : null,
         d ? n["image-card--inline"] : null,
         p
       ]),
       "data-cursor": "pointer",
       ref: o,
-      style: k,
-      onClick: a ? h : () => !0,
+      style: f,
+      onClick: _ ? h : () => !0,
       children: /* @__PURE__ */ c(
         "a",
         {
@@ -99,26 +99,26 @@ import '../../assets/ImageCard.css';const n = {
           rel: r.type === "external-link" ? "noreferrer" : void 0,
           target: r.type === "external-link" ? "_blank" : "_self",
           title: t == null ? void 0 : t.altText,
-          children: /* @__PURE__ */ c(R, { ...f, styles: n })
+          children: /* @__PURE__ */ c(v, { ...m, styles: n })
         }
       )
     }
   ) : /* @__PURE__ */ c(
     "image-card",
     {
-      class: T([
+      class: R([
         d ? n["image-card--inline"] : null,
         p
       ]),
-      "data-cursor": a ? "pointer" : "default",
+      "data-cursor": _ ? "pointer" : "default",
       ref: o,
-      style: k,
-      onClick: a ? h : () => !0,
-      children: /* @__PURE__ */ c(R, { ...f, styles: n })
+      style: f,
+      onClick: _ ? h : () => !0,
+      children: /* @__PURE__ */ c(v, { ...m, styles: n })
     }
   );
 };
 export {
-  M as ImageCard,
-  M as default
+  N as ImageCard,
+  N as default
 };