@scrippsproduct/networks-ui-library 1.0.21 → 1.0.22

package/dist/components/DrawerNavigation/DrawerNavigation.js

@@ -1,53 +1,55 @@
-import { jsxs as t, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
 import { classes as o } from "../../utils/helpers.js";
 import { NavList as b } from "../NavList/NavList.js";
-import { LogoNavigation as N } from "../LogoNavigation/LogoNavigation.js";
-import { ImageReplacementAnchor as k } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
+import { LogoNavigation as k } from "../LogoNavigation/LogoNavigation.js";
+import { ImageReplacementAnchor as N } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
 import { Overlay as x } from "../Overlay/Overlay.js";
-import '../../assets/DrawerNavigation.css';const n = {
+import '../../assets/DrawerNavigation.css';const A = "_clipPathOpen_5hknh_1", O = "_clipPathClose_5hknh_1", n = {
   "drawer-navigation__nav-bar": "_drawer-navigation__nav-bar_5hknh_1",
   "with-logo": "_with-logo_5hknh_11",
   "drawer-navigation__menu-toggle": "_drawer-navigation__menu-toggle_5hknh_15",
   "drawer-navigation__hamburger": "_drawer-navigation__hamburger_5hknh_22",
   "drawer-navigation__primary-navigation": "_drawer-navigation__primary-navigation_5hknh_54",
+  clipPathOpen: A,
+  clipPathClose: O,
   "drawer-navigation__separator": "_drawer-navigation__separator_5hknh_102",
   "visually-hidden": "_visually-hidden_5hknh_113"
 };
 function I({
   links: s = [],
-  items: g = [],
-  classname: c = "",
+  items: l = [],
+  classname: v = "",
   logo: i = {},
   clipPathStart: p = "circle(0% at top right)",
   clipPathEnd: u = "circle(250% at top right)",
   overlayAppendEl: w = document.querySelector("#root")
 }) {
-  const [a, y] = v(!1), [d, l] = v(null), m = document.querySelector("body"), _ = () => {
-    if (y(!a), l("closing"), a) {
-      const r = document.querySelector("#overlay");
-      r == null || r.setAttribute("data-state", "exiting"), setTimeout(() => {
-        r == null || r.remove(), m.style.overflowY = "auto";
+  const [a, y] = c(!1), [_, g] = c(null), h = document.querySelector("body"), d = () => {
+    if (y(!a), g("closing"), a) {
+      const t = document.querySelector("#overlay");
+      t == null || t.setAttribute("data-state", "exiting"), setTimeout(() => {
+        t == null || t.remove(), h.style.overflowY = "auto";
       }, 400);
     } else
-      m.style.overflowY = "hidden";
+      h.style.overflowY = "hidden";
   }, f = () => {
-    a || l(null);
+    a || g(null);
   };
-  return document.addEventListener("scripps:overlay:closed", _), // Ideally the parent for this component will be a <nav> for accessibility reasons
-  /* @__PURE__ */ t(h, { children: [
-    /* @__PURE__ */ t(
+  return document.addEventListener("scripps:overlay:closed", d), // Ideally the parent for this component will be a <nav> for accessibility reasons
+  /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r(
       "div",
       {
         className: o([
           n["drawer-navigation__nav-bar"],
           "drawer-navigation__nav-bar",
           i.image && n["with-logo"],
-          `drawer-navigation__nav-bar--${a ? "expanded" : d ? "closing" : "closed"}`
+          `drawer-navigation__nav-bar--${a ? "expanded" : _ ? "closing" : "closed"}`
         ]),
         children: [
           i.image && /* @__PURE__ */ e(
-            k,
+            N,
             {
               href: i.href,
               image: i.image,
@@ -55,7 +57,7 @@ function I({
               baselineAdjustment: i.baselineAdjustment
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "button",
             {
               className: o([
@@ -64,7 +66,7 @@ function I({
               ]),
               "aria-controls": "drawer-navigation__primary-navigation",
               "aria-expanded": a,
-              onClick: _,
+              onClick: d,
               children: [
                 /* @__PURE__ */ e("span", { className: n["visually-hidden"], children: "Menu" }),
                 /* @__PURE__ */ e(
@@ -83,7 +85,7 @@ function I({
         ]
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o([
@@ -91,15 +93,15 @@ function I({
           "drawer-navigation__primary-navigation"
         ]),
         id: "drawer-navigation__primary-navigation",
-        "data-state": a ? "opened" : d || "closed",
+        "data-state": a ? "opened" : _ || "closed",
         onAnimationEnd: f,
         style: {
           "--clip-path-start": p,
           "--clip-path-end": u
         },
         children: [
-          s.length > 0 && /* @__PURE__ */ e(b, { links: s, classname: c, toggleHandler: _ }),
-          g.length > 0 && /* @__PURE__ */ t(h, { children: [
+          s.length > 0 && /* @__PURE__ */ e(b, { links: s, classname: v, toggleHandler: d }),
+          l.length > 0 && /* @__PURE__ */ r(m, { children: [
             /* @__PURE__ */ e(
               "hr",
               {
@@ -109,12 +111,12 @@ function I({
                 ])
               }
             ),
-            /* @__PURE__ */ e(N, { items: g })
+            /* @__PURE__ */ e(k, { items: l })
           ] })
         ]
       }
     ),
-    a && /* @__PURE__ */ e(x, { appendToElement: w, state: d === null && !a ? "exiting" : "entering" })
+    a && /* @__PURE__ */ e(x, { appendToElement: w, state: _ === null && !a ? "exiting" : "entering" })
   ] });
 }
 export {

package/dist/components/ErrorHandler/ErrorHandler.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import "react";
-import { p as _ } from "../../index-DB0QlRo7.mjs";
+import { p as _ } from "../../index-B0ARwqly.mjs";
 import { classes as e } from "../../utils/helpers.js";
 import '../../assets/ErrorHandler.css';const s = {
   "error-handler__message": "_error-handler__message_4uq8z_1"

package/dist/components/Figure/Figure.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { p as o } from "../../index-DB0QlRo7.mjs";
+import { p as o } from "../../index-B0ARwqly.mjs";
 import '../../assets/Figure2.css';const s = "_figure_1wcw1_1", c = {
   figure: s
 };

package/dist/components/GenericList/GenericList.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { p as s } from "../../index-DB0QlRo7.mjs";
+import { p as s } from "../../index-B0ARwqly.mjs";
 import { classes as o } from "../../utils/helpers.js";
 function u({
   list: p = [],

package/dist/components/ImageCard/ImageCardCore.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as v, jsx as l } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
-import { p as w } from "../../index-DB0QlRo7.mjs";
+import { p as w } from "../../index-B0ARwqly.mjs";
 import { AnchorTag as x } from "../AnchorTag/AnchorTag.js";
 import { ButtonAnchor as c } from "../ButtonAnchor/ButtonAnchor.js";
 import { ResponsiveImage as k } from "../ResponsiveImage/ResponsiveImage.js";

package/dist/components/InfoPanel/InfoPanel.js

@@ -1,42 +1,43 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as b, useRef as d, useEffect as m } from "react";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as d, useRef as b, useEffect as m } from "react";
 import { classes as i } from "../../utils/helpers.js";
 import { blockLayoutsMap as h } from "../../settings.js";
 import { C as k } from "../../chevron-left-DmvQntvu.mjs";
-import '../../assets/InfoPanel.css';const l = {
+import '../../assets/InfoPanel.css';const v = "_fade_1j4w6_1", s = {
   "info-panel": "_info-panel_1j4w6_1",
+  fade: v,
   "info-panel__back-btn": "_info-panel__back-btn_1j4w6_19"
 };
 function N({
   layoutComponent: e = { layout: "", props: {} },
-  onBackClicked: s = () => {
+  onBackClicked: l = () => {
   },
   backButtonLabel: c = "Back to List",
   classname: y = ""
 }) {
-  const [f, L] = b(null), [t, u] = b("entering"), n = d(null), p = d(null), _ = (o) => {
-    p.current = o, u("exiting"), n.current.scrollTo({
+  const [f, L] = d(null), [t, u] = d("entering"), n = b(null), p = b(null), _ = (a) => {
+    p.current = a, u("exiting"), n.current.scrollTo({
       top: n.current.offsetTop,
       left: 0,
       behaviour: "instant"
     });
   };
   return m(() => {
-    async function o() {
+    async function a() {
       L(h.get(e.layout));
     }
-    o();
+    a();
   }, [e.layout]), m(() => {
     n.current !== null && (t === "exiting" && n.current.addEventListener("animationend", () => {
-      s(p.current);
+      l(p.current);
     }, { once: !0 }), t === "entering" && n.current.addEventListener("animationend", () => {
       u("idle");
     }, { once: !0 }));
-  }, [t, s]), /* @__PURE__ */ a("div", { className: i([l["info-panel"], `${y}`]), "data-state": t, ref: n, children: [
-    /* @__PURE__ */ a(
+  }, [t, l]), /* @__PURE__ */ o("div", { className: i([s["info-panel"], `${y}`]), "data-state": t, ref: n, children: [
+    /* @__PURE__ */ o(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: i([s["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
         onClick: _,
         children: [
@@ -46,10 +47,10 @@ function N({
       }
     ),
     f !== null && /* @__PURE__ */ r(f, { ...e.props }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ o(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: i([s["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
         onClick: _,
         children: [

package/dist/components/InlineNavigation/InlineNavigation.js

@@ -1,10 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
 import { NavList as o } from "../NavList/NavList.js";
-import '../../assets/InlineNavigation.css';const l = {
-  "inline-navigation": "_inline-navigation_3u114_1"
+import '../../assets/InlineNavigation.css';const r = {
+  "inline-navigation": "_inline-navigation_3u114_1",
+  "anchor-tag--image": "_anchor-tag--image_3u114_10"
 };
-function c({ links: t = [], classname: i = "", position: e = "left" }) {
+function f({ links: t = [], classname: i = "", position: e = "left" }) {
   const a = /* @__PURE__ */ new Map([
     ["left", "flex-start"],
     ["right", "flex-end"],
@@ -13,7 +14,7 @@ function c({ links: t = [], classname: i = "", position: e = "left" }) {
   return /* @__PURE__ */ n(
     "nav",
     {
-      className: l["inline-navigation"],
+      className: r["inline-navigation"],
       style: {
         "--inline-nav-justify-content": a.get(e)
       },
@@ -22,6 +23,6 @@ function c({ links: t = [], classname: i = "", position: e = "left" }) {
   );
 }
 export {
-  c as InlineNavigation,
-  c as default
+  f as InlineNavigation,
+  f as default
 };

package/dist/components/InstructionsList/InstructionsList.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import "react";
-import { p as n } from "../../index-DB0QlRo7.mjs";
+import { p as n } from "../../index-B0ARwqly.mjs";
 import '../../assets/InstructionsList.css';const s = {
   "instructions-list__list": "_instructions-list__list_suf45_1",
   "instructions-list__item": "_instructions-list__item_suf45_5"

package/dist/components/Loading/Loading.js

@@ -1,12 +1,15 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "react";
 import { classes as t } from "../../utils/helpers.js";
-import '../../assets/Loading.css';const d = "_spinner_4d38k_14", r = {
+import '../../assets/Loading.css';const _ = "_spinner_4d38k_14", d = "_rot_4d38k_1", r = {
   "spinner-wrap": "_spinner-wrap_4d38k_14",
-  spinner: d,
+  "fade-in": "_fade-in_4d38k_1",
+  "fade-out": "_fade-out_4d38k_1",
+  spinner: _,
+  rot: d,
   "loading-wrapper__message": "_loading-wrapper__message_4d38k_44"
 };
-function m({
+function f({
   spinnerColor: s = "var(--theme-color-100)",
   spinnerSize: a = "3.125rem",
   spinnerTrackWidth: i = "6px",
@@ -31,6 +34,6 @@ function m({
   ] });
 }
 export {
-  m as Loading,
-  m as default
+  f as Loading,
+  f as default
 };

package/dist/components/ModalContainer/ModalContainer.js

@@ -1,49 +1,52 @@
-import { jsx as s, jsxs as E, Fragment as $ } from "react/jsx-runtime";
-import P, { useState as a, useRef as L, useEffect as g, Suspense as A } from "react";
-import { r as w } from "../../index-YbL9dKxh.mjs";
-import { classes as k } from "../../utils/helpers.js";
-import { blockLayoutsMap as F } from "../../settings.js";
-import { X as K } from "../../x-D8_C2o-U.mjs";
-import '../../assets/ModalContainer.css';const M = "_modal_1vlfz_1", y = {
-  modal: M,
+import { jsx as a, jsxs as E, Fragment as S } from "react/jsx-runtime";
+import P, { useState as s, useRef as k, useEffect as _, Suspense as $ } from "react";
+import { r as A } from "../../index-DC7FmJPK.mjs";
+import { classes as L } from "../../utils/helpers.js";
+import { blockLayoutsMap as w } from "../../settings.js";
+import { X as F } from "../../x-D8_C2o-U.mjs";
+import '../../assets/ModalContainer.css';const K = "_modal_1vlfz_1", M = "_reveal_1vlfz_1", N = "_hide_1vlfz_1", v = {
+  modal: K,
+  reveal: M,
+  hide: N,
+  "backdrop-reveal": "_backdrop-reveal_1vlfz_1",
   "modal__close-btn": "_modal__close-btn_1vlfz_48"
-}, N = (r) => {
+}, R = (r) => {
   if (!document.querySelector(`#${r}`)) {
     const t = document.createElement("div");
     t.setAttribute("id", r), document.querySelector("body").append(t);
   }
 };
-function V({
+function G({
   contentComponent: r = "BCVideoPlayer",
   airaLabel: h = "",
   modalId: t = "modal-container",
   onModalClose: x = () => !0,
   children: u
 }) {
-  const [p, B] = a(null), [D, _] = a("entering"), [v, C] = a(!1), [c, m] = a(null), [O, d] = a(!1), o = L(null), b = L(null), f = () => {
-    _("exiting"), C(!0), o.current !== null && setTimeout(() => {
-      o.current.close(), C(!1), _("entering"), x();
+  const [d, B] = s(null), [z, g] = s("entering"), [y, b] = s(!1), [c, p] = s(null), [D, f] = s(!1), o = k(null), C = k(null), m = () => {
+    g("exiting"), b(!0), o.current !== null && setTimeout(() => {
+      o.current.close(), b(!1), g("entering"), x();
     }, 750);
   }, i = (e) => {
-    [...o.current.attributes].findIndex((n) => n.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), f());
-  }, S = (e) => {
-    e.target.classList.contains(`${y.modal}`) && f();
+    [...o.current.attributes].findIndex((n) => n.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), m());
+  }, O = (e) => {
+    e.target.classList.contains(`${v.modal}`) && m();
   };
-  return N(t), g(() => {
+  return R(t), _(() => {
     document.getElementById(t).removeEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-      m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
+      p(n.detail.componentProps), n.detail.forceOpen && f((l) => !l);
     });
     async function e() {
-      B(F.get(r));
+      B(w.get(r));
     }
     return r !== "" && e(), document.getElementById(t).addEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-      m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
+      p(n.detail.componentProps), n.detail.forceOpen && f((l) => !l);
     }), () => {
       document.getElementById(t).removeEventListener(`scripps:${t.replaceAll("-", "")}:change`, (n) => {
-        m(n.detail.componentProps), n.detail.forceOpen && d((l) => !l);
+        p(n.detail.componentProps), n.detail.forceOpen && f((l) => !l);
       });
     };
-  }, [r, t]), g(() => {
+  }, [r, t]), _(() => {
     let e = null;
     const n = () => {
       const l = setInterval(() => {
@@ -53,46 +56,46 @@ function V({
     return o.current === null && n(), () => {
       e == null || e.close();
     };
-  }, [p]), g(() => {
-    o.current !== null && [...o.current.attributes].findIndex((e) => e.name === "open") === -1 && c !== null && (o.current.showModal(), b.current.blur());
-  }, [c, O]), w.createPortal(
-    /* @__PURE__ */ s(A, { children: /* @__PURE__ */ E(
+  }, [d]), _(() => {
+    o.current !== null && [...o.current.attributes].findIndex((e) => e.name === "open") === -1 && c !== null && (o.current.showModal(), C.current.blur());
+  }, [c, D]), A.createPortal(
+    /* @__PURE__ */ a($, { children: /* @__PURE__ */ E(
       "dialog",
       {
         ref: o,
-        "data-state": D,
-        className: k([y.modal, "modal"]),
+        "data-state": z,
+        className: L([v.modal, "modal"]),
         onKeyDown: i,
         onKeyUp: i,
-        onClick: S,
+        onClick: O,
         onCancel: (e) => e.preventDefault(),
         "aria-modal": "true",
         "aria-label": h,
         children: [
-          p !== null && u === void 0 && /* @__PURE__ */ s(
-            p,
+          d !== null && u === void 0 && /* @__PURE__ */ a(
+            d,
             {
               ...c,
-              containerClosing: v,
+              containerClosing: y,
               handleClosing: i
             }
           ),
-          u !== void 0 && /* @__PURE__ */ s($, { children: P.Children.map(u, (e) => P.cloneElement(e, {
+          u !== void 0 && /* @__PURE__ */ a(S, { children: P.Children.map(u, (e) => P.cloneElement(e, {
             ...c,
-            containerClosing: v,
+            containerClosing: y,
             handleClosing: i
           })) }),
           /* @__PURE__ */ E(
             "button",
             {
               type: "button",
-              onClick: f,
-              className: k([y["modal__close-btn"], "modal__close-btn"]),
+              onClick: m,
+              className: L([v["modal__close-btn"], "modal__close-btn"]),
               "aria-label": "Close",
-              ref: b,
+              ref: C,
               children: [
-                /* @__PURE__ */ s("span", { className: "sr-only", children: "close" }),
-                /* @__PURE__ */ s("i", { children: /* @__PURE__ */ s(K, { width: "48", height: "48" }) })
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "close" }),
+                /* @__PURE__ */ a("i", { children: /* @__PURE__ */ a(F, { width: "48", height: "48" }) })
               ]
             }
           )
@@ -103,6 +106,6 @@ function V({
   );
 }
 export {
-  V as ModalContainer,
-  V as default
+  G as ModalContainer,
+  G as default
 };

package/dist/components/Overlay/Overlay.js

@@ -1,37 +1,40 @@
-import { jsx as l, Fragment as n } from "react/jsx-runtime";
-import { useEffect as s } from "react";
-import { r as i } from "../../index-YbL9dKxh.mjs";
-import '../../assets/Overlay.css';const v = "_overlay_itsaf_1", d = {
-  overlay: v
+import { jsx as c, Fragment as l } from "react/jsx-runtime";
+import { useEffect as n } from "react";
+import { r as i } from "../../index-DC7FmJPK.mjs";
+import '../../assets/Overlay.css';const d = "_overlay_itsaf_1", v = "_fade_itsaf_1", m = "_reveal_itsaf_1", u = "_hide_itsaf_1", y = {
+  overlay: d,
+  fade: v,
+  reveal: m,
+  hide: u
 };
-function p({ appendToElement: r, state: o = "entering" }) {
+function h({ appendToElement: r, state: a = "entering" }) {
   (() => {
     if (!document.querySelector("#overlay")) {
       const t = document.createElement("div");
-      t.setAttribute("id", "overlay"), t.setAttribute("class", `${d.overlay} overlay`), t.setAttribute("data-state", "entering"), r !== null ? r.append(t) : document.body.appendChild(t);
+      t.setAttribute("id", "overlay"), t.setAttribute("class", `${y.overlay} overlay`), t.setAttribute("data-state", "entering"), r !== null ? r.append(t) : document.body.appendChild(t);
     }
   })();
-  const a = setInterval(() => {
+  const o = setInterval(() => {
     const e = document.querySelector("#overlay");
     if (e) {
       const t = () => {
-        const c = new CustomEvent("scripps:overlay:closed");
-        document.dispatchEvent(c), e.setAttribute("data-state", "exiting"), setTimeout(() => {
+        const s = new CustomEvent("scripps:overlay:closed");
+        document.dispatchEvent(s), e.setAttribute("data-state", "exiting"), setTimeout(() => {
           e.remove();
         }, 200);
       };
-      clearInterval(a), e.addEventListener("click", t);
+      clearInterval(o), e.addEventListener("click", t);
     }
   });
-  return s(() => {
+  return n(() => {
     var e;
-    (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", o);
-  }, [o]), i.createPortal(
-    /* @__PURE__ */ l(n, {}),
+    (e = document.querySelector("#overlay")) == null || e.setAttribute("data-state", a);
+  }, [a]), i.createPortal(
+    /* @__PURE__ */ c(l, {}),
     document.getElementById("overlay")
   );
 }
 export {
-  p as Overlay,
-  p as default
+  h as Overlay,
+  h as default
 };

package/dist/components/PageHero/page-hero-layouts/IONShow/IONShowHero.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as r, Fragment as u } from "react/jsx-runtime";
 import "react";
-import { p as y } from "../../../../index-DB0QlRo7.mjs";
+import { p as y } from "../../../../index-B0ARwqly.mjs";
 import { AirDateFormatter as h } from "../../../AirDateFormatter/AirDateFormatter.js";
 import { GetAirdateWrapper as x } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
 import { StringList as I } from "../../../StringList/StringList.js";

package/dist/components/ProgramAirdate/ProgramAirdate.js

@@ -3,10 +3,10 @@ import "react";
 import { Concat as V } from "../Concat/Concat.js";
 import { CtaBlock as Q } from "../CtaBlock/CtaBlock.js";
 import { StringList as X } from "../StringList/StringList.js";
-import { p as R } from "../../index-DB0QlRo7.mjs";
+import { p as R } from "../../index-B0ARwqly.mjs";
 import { classes as d } from "../../utils/helpers.js";
-import { s as Y } from "../../sub-DTz41m8W.mjs";
-import { f as _ } from "../../format-DF9p-6BI.mjs";
+import { s as Y } from "../../sub-CkNH5u-l.mjs";
+import { f as _ } from "../../format-plq8pBNY.mjs";
 import '../../assets/ProgramAirdate.css';const i = {
   "program-airdate": "_program-airdate_et1s5_1",
   "program-airdate__descriptor": "_program-airdate__descriptor_et1s5_5",

package/dist/components/PromotionBlock/PromotionBlock.js

@@ -1,36 +1,38 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useRef as m, useEffect as l } from "react";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useRef as _, useEffect as s } from "react";
 import '../../assets/PromotionBlock.css';const o = {
   "promo-image": "_promo-image_1nlw7_12",
   "promo-image__text": "_promo-image__text_1nlw7_33",
   "promo-copy": "_promo-copy_1nlw7_38",
   "promo-image--animate": "_promo-image--animate_1nlw7_44",
+  "promo-slide-in-left": "_promo-slide-in-left_1nlw7_1",
   "promo-copy--animate": "_promo-copy--animate_1nlw7_51",
+  "promo-slide-in-right": "_promo-slide-in-right_1nlw7_1",
   "promo-copy__header": "_promo-copy__header_1nlw7_59",
   "promo-copy__description": "_promo-copy__description_1nlw7_64",
   "promo-copy__link": "_promo-copy__link_1nlw7_65"
 };
-function f({ image: a, promo: r }) {
-  const i = m(), n = m(), p = (t, _) => {
-    t.forEach((s) => {
-      s.isIntersecting && (i.current.classList.add(`${o["promo-copy--animate"]}`), n.current.classList.add(`${o["promo-image--animate"]}`), _.unobserve(n.current));
+function f({ image: t, promo: r }) {
+  const a = _(), n = _(), c = (i, p) => {
+    i.forEach((l) => {
+      l.isIntersecting && (a.current.classList.add(`${o["promo-copy--animate"]}`), n.current.classList.add(`${o["promo-image--animate"]}`), p.unobserve(n.current));
     });
   };
-  return l(() => {
-    const t = new IntersectionObserver(p, {
+  return s(() => {
+    const i = new IntersectionObserver(c, {
       root: null,
       rootMargin: "0px",
       threshold: 0.1
     });
-    return t.observe(n.current), () => {
-      t.disconnect();
+    return i.observe(n.current), () => {
+      i.disconnect();
     };
-  }, []), /* @__PURE__ */ c("promotion-block", { children: [
-    /* @__PURE__ */ c("div", { className: o["promo-image"], ref: n, children: [
-      /* @__PURE__ */ e("span", { className: o["promo-image__text"], children: a.text }),
-      /* @__PURE__ */ e("promo-image", { children: /* @__PURE__ */ e("a", { href: r.href, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: a.url, alt: a.altText }) }) })
+  }, []), /* @__PURE__ */ m("promotion-block", { children: [
+    /* @__PURE__ */ m("div", { className: o["promo-image"], ref: n, children: [
+      /* @__PURE__ */ e("span", { className: o["promo-image__text"], children: t.text }),
+      /* @__PURE__ */ e("promo-image", { children: /* @__PURE__ */ e("a", { href: r.href, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e("img", { src: t.url, alt: t.altText }) }) })
     ] }),
-    /* @__PURE__ */ c("div", { className: o["promo-copy"], ref: i, children: [
+    /* @__PURE__ */ m("div", { className: o["promo-copy"], ref: a, children: [
       /* @__PURE__ */ e("h4", { className: o["promo-copy__header"], children: r.header }),
       /* @__PURE__ */ e("p", { className: o["promo-copy__description"], children: r.description }),
       /* @__PURE__ */ e("a", { className: o["promo-copy__link"], href: r.href, target: "_blank", rel: "noreferrer", children: r.linkText })

package/dist/components/ResultsTable/ResultsTable.js

@@ -3,7 +3,7 @@ import "react";
 import { ResultsTableBody as m } from "../ResultsTableBody/ResultsTableBody.js";
 import { ResultsTableHeader as i } from "../ResultsTableHeader/ResultsTableHeader.js";
 import { classes as p } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
+import { s as e } from "../../ResultsTable.module-nTlGw9Lh.mjs";
 function x({
   columns: s = [],
   results: l = [],

package/dist/components/ResultsTableBody/ResultsTableBody.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as _ } from "react/jsx-runtime";
 import "react";
 import { classes as t } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-B7M9y7hd.mjs";
+import { s as e } from "../../ResultsTable.module-nTlGw9Lh.mjs";
 function c({ results: r = [], columns: u = [], noResultsMsg: b = "No results were returned" }) {
   return r.length > 0 ? r.map((a, i) => /* @__PURE__ */ l(
     "div",

package/dist/components/ResultsTableHeader/ResultsTableHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { s as r } from "../../ResultsTable.module-B7M9y7hd.mjs";
+import { s as r } from "../../ResultsTable.module-nTlGw9Lh.mjs";
 function o({ columns: s = [] }) {
   return /* @__PURE__ */ t("div", { className: [r["results-table__row"], r["results-table__header-row"], "results-table__header-row"].join(" "), children: s.map((e) => /* @__PURE__ */ t(
     "div",