@scrippsproduct/networks-ui-library 2.0.1 → 2.0.2

package/dist/PageHero.module-BUEqPn6E.mjs

@@ -0,0 +1,8 @@
+import './assets/PageHero.css';const e = "_hero_4ie3t_1", o = {
+  hero: e,
+  "background-image": "_background-image_4ie3t_16",
+  "mobile-background-image": "_mobile-background-image_4ie3t_17"
+};
+export {
+  o as s
+};

package/dist/assets/ContentHero.css

@@ -1 +1 @@
-._hero__content_1ktxq_1{--top-position: 0;--left-position: 0;--right-position: 0;--bottom-position: 0;position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}
+._hero__content_17hw5_1{position:relative;z-index:20;translate:var(--translate-offset, 0);display:flex;flex-direction:column;align-items:var(--content-alignment, center);justify-content:var(--vertical-content-alignment, center);width:calc(100% - 4rem);padding:2rem;text-wrap:pretty}

package/dist/assets/PageHero.css

@@ -1 +1 @@
-._hero_1wu3e_1{--background-hero-position: center;--mobile-background-hero-position: center;display:grid;grid-template-areas:"hero"}._hero_1wu3e_1>*{grid-area:hero}._background-image_1wu3e_11>img,._mobile-background-image_1wu3e_12{display:block;aspect-ratio:1710/600;width:100%;object-fit:cover;object-position:var(--background-image-position)}._mobile-background-image_1wu3e_12{display:none;aspect-ratio:388/594;object-position:var(--mobile-background-image-position)}@media screen and (max-width:43.75rem){._mobile-background-image_1wu3e_12{display:block}._background-image_1wu3e_11{object-position:var(--mobile-background-image-position)}._mobile-background-image_1wu3e_12~._background-image_1wu3e_11{display:none}}
+._hero_4ie3t_1{--background-hero-position: 50% 50%;--mobile-background-hero-position: 50% 50%;--hero-image-ratio: 1710/600;--hero-mobile-image-ratio: 388/594;--hero-image-fit: cover;display:grid;grid-template-areas:"hero"}._hero_4ie3t_1>*{grid-area:hero}._background-image_4ie3t_16>img,._mobile-background-image_4ie3t_17>img{display:block;aspect-ratio:var(--hero-image-ratio, 1710/600);width:100%;object-fit:var(--hero-image-fit, cover);object-position:var(--background-image-position, 50% 50%)}._mobile-background-image_4ie3t_17{display:none}._mobile-background-image_4ie3t_17>img{aspect-ratio:var(--hero-mobile-image-ratio, 388/594);object-position:var(--mobile-background-image-position, 50% 50%)}@media screen and (max-width:43.75rem){._mobile-background-image_4ie3t_17{display:block}._mobile-background-image_4ie3t_17~._background-image_4ie3t_16{display:none}}

package/dist/components/PageHero/PageHero.js

@@ -3,7 +3,7 @@ import { useState as p, useEffect as g } from "react";
 import { classes as i } from "../../utils/helpers.js";
 import { pageHeroLayoutsMap as l } from "../../settings.js";
 import { l as f } from "../../logger-C0N7U0YY.mjs";
-import { s as c } from "../../PageHero.module-BM0IV1P5.mjs";
+import { s as c } from "../../PageHero.module-BUEqPn6E.mjs";
 f.setComponent("PageHero");
 function w({
   layoutComponent: r = "",

package/dist/components/PageHero/page-hero-layouts/ContentHero/ContentHero.js

@@ -1,47 +1,73 @@
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
-import { ResponsiveImage as p } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { classes as k } from "../../../../utils/helpers.js";
-import { s as t } from "../../../../PageHero.module-BM0IV1P5.mjs";
-import '../../../../assets/ContentHero.css';const u = "_hero__content_1ktxq_1", x = {
-  hero__content: u
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { ResponsiveImage as k } from "../../../ResponsiveImage/ResponsiveImage.js";
+import { classes as v } from "../../../../utils/helpers.js";
+import { s as c } from "../../../../PageHero.module-BUEqPn6E.mjs";
+import '../../../../assets/ContentHero.css';const x = "_hero__content_17hw5_1", y = {
+  hero__content: x
+}, $ = {
+  left: "start",
+  center: "center",
+  right: "end"
+}, C = {
+  top: "start",
+  center: "center",
+  bottom: "end"
 };
-function a({
-  fullSizeImage: n,
-  mobileImage: _ = {
+function M({
+  fullSizeImage: e,
+  fullSizeImageRatio: a = 1710 / 600,
+  mobileImage: s = {
     url: "",
     dimensions: {
       width: 0,
       height: 0
     }
   },
-  fullSizeImagePosition: r = [50, 50],
-  mobileImagePosition: c = [50, 50],
-  children: d
+  mobileImageRatio: h = 388 / 594,
+  fullSizeImagePosition: t = [50, 50],
+  mobileImagePosition: r = [50, 50],
+  imageAltText: d = "",
+  contentAlignment: _ = "center",
+  verticalContentAlignment: p = "center",
+  children: o
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(
     "div",
     {
-      className: t.hero,
+      className: c.hero,
       style: {
-        "--background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`,
-        "--mobile-background-image-position": `${(c == null ? void 0 : c[0]) ?? "50"}% ${(c == null ? void 0 : c[1]) ?? "50"}%`
+        "--background-image-position": `${(t == null ? void 0 : t[0]) ?? "50"}% ${(t == null ? void 0 : t[1]) ?? "50"}%`,
+        "--mobile-background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`,
+        "--hero-image-ratio": a,
+        "--hero-mobile-image-ratio": h
       },
       children: [
-        _.url !== "" && /* @__PURE__ */ s("picture", { className: t["mobile-background-image"], children: /* @__PURE__ */ s("img", { alt: "", src: _.url }) }),
-        /* @__PURE__ */ s(
-          p,
+        s.url !== "" && /* @__PURE__ */ n("picture", { className: c["mobile-background-image"], children: /* @__PURE__ */ n("img", { alt: "", src: s.url }) }),
+        /* @__PURE__ */ n(
+          k,
           {
-            classname: t["background-image"],
-            fullSizeUrl: n.url,
-            sources: n.sources
+            altText: d,
+            classname: c["background-image"],
+            fullSizeUrl: e.url,
+            sources: e.sources
           }
         ),
-        /* @__PURE__ */ s("div", { className: k([x.hero__content, "hero__content"]), children: d })
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: v([y.hero__content, "hero__content"]),
+            style: {
+              "--content-alignment": $[_],
+              "--vertical-content-alignment": C[p]
+            },
+            children: o
+          }
+        )
       ]
     }
   );
 }
 export {
-  a as ContentHero,
-  a as default
+  M as ContentHero,
+  M as default
 };

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

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as r, Fragment as f } from "react/jsx-runtime";
 import { p as P } from "../../../../index-5kXULIVv.mjs";
-import { classes as a } from "../../../../utils/helpers.js";
+import { classes as i } from "../../../../utils/helpers.js";
 import { AirDateFormatter as N } from "../../../AirDateFormatter/AirDateFormatter.js";
 import { GetAirdateWrapper as v } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";
 import { StringList as $ } from "../../../StringList/StringList.js";
 import { ResponsiveImage as M } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { s as i } from "../../../../PageHero.module-BM0IV1P5.mjs";
+import { s as a } from "../../../../PageHero.module-BUEqPn6E.mjs";
 import '../../../../assets/IONShowHero.css';const t = {
   "hero-content": "_hero-content_1ygkx_1",
   "hero-content--right": "_hero-content--right_1ygkx_8",
@@ -17,20 +17,22 @@ import '../../../../assets/IONShowHero.css';const t = {
 };
 function D({
   show: e,
-  SCHEDULE_ENDPOINT: k,
-  NETWORK: h
+  SCHEDULE_ENDPOINT: h,
+  NETWORK: k
 }) {
   var o, l, m, g, _, p, c, d, s, b, u, y, x, I;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: i.hero,
+      className: a.hero,
       style: {
         "--background-image-position": `${((o = e == null ? void 0 : e.bannerImagePosition) == null ? void 0 : o[0]) ?? "50"}% ${((l = e == null ? void 0 : e.bannerImagePosition) == null ? void 0 : l[1]) ?? "50"}%`,
-        "--mobile-background-image-position": `${((m = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : m[0]) ?? "50"}% ${((g = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : g[1]) ?? "50"}%`
+        "--mobile-background-image-position": `${((m = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : m[0]) ?? "50"}% ${((g = e == null ? void 0 : e.bannerMobileImagePosition) == null ? void 0 : g[1]) ?? "50"}%`,
+        "--justify-items": e.heroContentAlignment === "right" ? "end" : "start",
+        "--align-items": "end"
       },
       children: [
-        e.bannerMobileImage !== void 0 && ((_ = e.bannerMobileImage) == null ? void 0 : _.url) !== "" && /* @__PURE__ */ r("picture", { className: i["mobile-background-image"], children: /* @__PURE__ */ r(
+        e.bannerMobileImage !== void 0 && ((_ = e.bannerMobileImage) == null ? void 0 : _.url) !== "" && /* @__PURE__ */ r("picture", { className: a["mobile-background-image"], children: /* @__PURE__ */ r(
           "img",
           {
             alt: "",
@@ -41,7 +43,7 @@ function D({
           /* @__PURE__ */ r(
             M,
             {
-              classname: i["background-image"],
+              classname: a["background-image"],
               fullSizeUrl: (p = e.bannerImage) == null ? void 0 : p.url,
               sources: e.bannerImage.sources
             }
@@ -49,7 +51,7 @@ function D({
           /* @__PURE__ */ n(
             "div",
             {
-              className: a([
+              className: i([
                 t["hero-content"],
                 "show-hero__content",
                 e.heroContentAlignment === "right" ? [t["hero-content--right"], "show-hero__content--right"] : null
@@ -59,7 +61,7 @@ function D({
                   /* @__PURE__ */ r(
                     "div",
                     {
-                      className: a([
+                      className: i([
                         "show-hero__logo-wrapper",
                         t["show-hero--display"],
                         t["show-hero__logo-wrapper"]
@@ -76,7 +78,7 @@ function D({
                   /* @__PURE__ */ r(
                     "h1",
                     {
-                      className: a([
+                      className: i([
                         t["display-none"],
                         t["hero-content__show-title"]
                       ]),
@@ -86,7 +88,7 @@ function D({
                 ] }) : /* @__PURE__ */ r(
                   "h1",
                   {
-                    className: a([
+                    className: i([
                       t["hero-content__show-title"],
                       "h1",
                       "show-hero__show-title"
@@ -94,7 +96,7 @@ function D({
                     children: P(e.title)
                   }
                 ),
-                /* @__PURE__ */ n("div", { className: a([t["hero-content__airdate"], "show-hero__airdate"]), children: [
+                /* @__PURE__ */ n("div", { className: i([t["hero-content__airdate"], "show-hero__airdate"]), children: [
                   (e == null ? void 0 : e.nextProgram) && /* @__PURE__ */ r(
                     $,
                     {
@@ -109,8 +111,8 @@ function D({
                     v,
                     {
                       includeEpisode: !0,
-                      NETWORK: h,
-                      SCHEDULE_ENDPOINT: k,
+                      NETWORK: k,
+                      SCHEDULE_ENDPOINT: h,
                       programId: e.seriesPrefix,
                       separatorType: "pipe"
                     }

package/dist/components/PageHero/page-hero-layouts/ImageOnly/ImageOnlyHero.js

@@ -1,34 +1,40 @@
-import { jsxs as u, jsx as d } from "react/jsx-runtime";
-import { ResponsiveImage as k } from "../../../ResponsiveImage/ResponsiveImage.js";
-import { s as p } from "../../../../PageHero.module-BM0IV1P5.mjs";
-function j({
-  fullSizeImage: s,
-  mobileImage: h = {
+import { jsxs as x, jsx as d } from "react/jsx-runtime";
+import { ResponsiveImage as $ } from "../../../ResponsiveImage/ResponsiveImage.js";
+import { s as h } from "../../../../PageHero.module-BUEqPn6E.mjs";
+function N({
+  fullSizeImage: p,
+  fullSizeImageRatio: a = 1710 / 600,
+  mobileImage: s = {
     url: "",
     dimensions: {
       width: 0,
       height: 0
     }
   },
+  mobileImageRatio: u = 388 / 594,
   fullSizeImagePosition: r = [50, 50],
-  mobileImagePosition: c = [50, 50]
+  mobileImagePosition: c = [50, 50],
+  imageAltText: k = ""
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: p.hero,
+      className: h.hero,
       style: {
         "--background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`,
-        "--mobile-background-image-position": `${(c == null ? void 0 : c[0]) ?? "50"}% ${(c == null ? void 0 : c[1]) ?? "50"}%`
+        "--mobile-background-image-position": `${(c == null ? void 0 : c[0]) ?? "50"}% ${(c == null ? void 0 : c[1]) ?? "50"}%`,
+        "--hero-image-ratio": a,
+        "--hero-mobile-image-ratio": u
       },
       children: [
-        h.url !== "" && /* @__PURE__ */ d("picture", { className: p["mobile-background-image"], children: /* @__PURE__ */ d("img", { alt: "", src: h.url }) }),
+        s.url !== "" && /* @__PURE__ */ d("picture", { className: h["mobile-background-image"], children: /* @__PURE__ */ d("img", { alt: "", src: s.url }) }),
         /* @__PURE__ */ d(
-          k,
+          $,
           {
-            classname: p["background-image"],
-            fullSizeUrl: s.url,
-            sources: s.sources
+            altText: k,
+            classname: h["background-image"],
+            fullSizeUrl: p.url,
+            sources: p.sources
           }
         )
       ]
@@ -36,6 +42,6 @@ function j({
   );
 }
 export {
-  j as ImageOnlyHero,
-  j as default
+  N as ImageOnlyHero,
+  N as default
 };

package/dist/index.js

@@ -6,21 +6,21 @@ import { PromotionsRowBlock as n } from "./components/PromotionsRowBlock/Promoti
 import { SocialShareBlock as s } from "./components/SocialShareBlock/SocialShareBlock.js";
 import { ActionButton as u } from "./components/ActionButton/ActionButton.js";
 import { Button as g } from "./components/Button/Button.js";
-import { GradientButton as C } from "./components/GradientButton/GradientButton.js";
-import { Carousel as B } from "./components/Carousel/Carousel.js";
-import { CarouselSlide as A } from "./components/CarouselSlide/CarouselSlide.js";
+import { GradientButton as L } from "./components/GradientButton/GradientButton.js";
+import { Carousel as h } from "./components/Carousel/Carousel.js";
+import { CarouselSlide as I } from "./components/CarouselSlide/CarouselSlide.js";
 import { Empty as T } from "./components/CarouselSlide/slide-layouts/Empty/Empty.js";
 import { FigureSlide as v } from "./components/CarouselSlide/slide-layouts/Figure/Figure.js";
 import { ImageCardSlide as R } from "./components/CarouselSlide/slide-layouts/ImageCard/ImageCard.js";
-import { ShowSlide as G } from "./components/CarouselSlide/slide-layouts/Show/ShowSlide.js";
-import { TextSlide as k } from "./components/CarouselSlide/slide-layouts/Text/TextSlide.js";
-import { VideoSlide as N } from "./components/CarouselSlide/slide-layouts/Video/VideoSlide.js";
+import { ShowSlide as F } from "./components/CarouselSlide/slide-layouts/Show/ShowSlide.js";
+import { TextSlide as N } from "./components/CarouselSlide/slide-layouts/Text/TextSlide.js";
+import { VideoSlide as k } from "./components/CarouselSlide/slide-layouts/Video/VideoSlide.js";
 import { C as E } from "./ChoicesItem-CT9fXB0I.mjs";
-import { ChoicesList as H } from "./components/ChoicesList/ChoicesList.js";
+import { ChoicesList as M } from "./components/ChoicesList/ChoicesList.js";
 import { CreateChoiceList as q } from "./components/CreateChoiceList/CreateChoiceList.js";
 import { CustomDataList as U } from "./components/CustomDataList/CustomDataList.js";
-import { CustomSelect as W } from "./components/CustomSelect/CustomSelect.js";
-import { Input as K } from "./components/Input/Input.js";
+import { CustomSelect as O } from "./components/CustomSelect/CustomSelect.js";
+import { Input as J } from "./components/Input/Input.js";
 import { Select as Q } from "./components/Select/Select.js";
 import { TextArea as Y } from "./components/TextArea/TextArea.js";
 import { DatePicker as _ } from "./components/DatePicker/DatePicker.js";
@@ -32,127 +32,131 @@ import { ProgramAirdate as ao } from "./components/ProgramAirdate/ProgramAirdate
 import { PromotionsRowModule as no } from "./components/PromotionsRowModule/PromotionsRowModule.js";
 import { RescanInstructions as so } from "./components/RescanInstructions/RescanInstructions.js";
 import { ScheduleLayout as co } from "./components/ScheduleLayout/ScheduleLayout.js";
-import { SectionedContent as Lo } from "./components/SectionedContent/SectionedContent.js";
+import { SectionedContent as Co } from "./components/SectionedContent/SectionedContent.js";
 import { ShowAboutLayout as So } from "./components/ShowAboutLayout/ShowAboutLayout.js";
-import { TabbedContent as ho } from "./components/TabbedContent/TabbedContent.js";
-import { AdjustableTwoColumnGrid as Io } from "./components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
+import { TabbedContent as Bo } from "./components/TabbedContent/TabbedContent.js";
+import { AdjustableTwoColumnGrid as Ao } from "./components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.js";
 import { EqualSizeFlexRow as bo } from "./components/EqualSizeFlexRow/EqualSizeFlexRow.js";
 import { EqualSizeGrid as yo } from "./components/EqualSizeGrid/EqualSizeGrid.js";
-import { InfoPanel as Fo } from "./components/InfoPanel/InfoPanel.js";
-import { ModalContainer as Po } from "./components/ModalContainer/ModalContainer.js";
-import { PageHero as wo } from "./components/PageHero/PageHero.js";
-import { TabContent as Do } from "./components/TabContent/TabContent.js";
-import { FeaturedList as Mo } from "./components/FeaturedList/FeaturedList.js";
-import { GenericList as Vo } from "./components/GenericList/GenericList.js";
-import { GridList as zo } from "./components/GridList/GridList.js";
-import { LogoListItem as jo } from "./components/LogoListItem/LogoListItem.js";
-import { NavList as Jo } from "./components/NavList/NavList.js";
-import { ScheduleList as Oo } from "./components/ScheduleList/ScheduleList.js";
-import { UpcomingList as Xo } from "./components/UpcomingList/UpcomingList.js";
-import { DateNavigation as Zo } from "./components/DateNavigation/DateNavigation.js";
-import { DrawerNavigation as $o } from "./components/DrawerNavigation/DrawerNavigation.js";
-import { FooterNavigation as rr } from "./components/FooterNavigation/FooterNavigation.js";
-import { InlineNavigation as tr } from "./components/InlineNavigation/InlineNavigation.js";
-import { LogoNavigation as pr } from "./components/LogoNavigation/LogoNavigation.js";
-import { SocialLinks as xr } from "./components/SocialLinks/SocialLinks.js";
-import { TabNavigation as ir } from "./components/TabNavigation/TabNavigation.js";
-import { ResultsTable as lr } from "./components/ResultsTable/ResultsTable.js";
-import { ResultsTableBody as dr } from "./components/ResultsTableBody/ResultsTableBody.js";
-import { ResultsTableHeader as cr } from "./components/ResultsTableHeader/ResultsTableHeader.js";
-import { AirDateFormatter as Lr } from "./components/AirDateFormatter/AirDateFormatter.js";
-import { AnchorTag as Sr } from "./components/AnchorTag/AnchorTag.js";
-import { ButtonAnchor as hr } from "./components/ButtonAnchor/ButtonAnchor.js";
-import { Concat as Ir } from "./components/Concat/Concat.js";
-import { ErrorHandler as br } from "./components/ErrorHandler/ErrorHandler.js";
-import { ImageReplacementAnchor as yr } from "./components/ImageReplacementAnchor/ImageReplacementAnchor.js";
-import { GetAirdateWrapper as Fr } from "./components/GetAirdateWrapper/GetAirdateWrapper.js";
-import { Loading as Pr } from "./components/Loading/Loading.js";
-import { LoadingV2 as wr } from "./components/LoadingV2/LoadingV2.js";
-import { ResponsiveImage as Dr } from "./components/ResponsiveImage/ResponsiveImage.js";
-import { StringList as Mr } from "./components/StringList/StringList.js";
-import { GeneralErrorBoundary as Vr } from "./error-boundries/GeneralErrorBoundry.js";
-import { BlankErrorBoundary as zr } from "./error-boundries/BlankErrorBoundry.js";
-import { BCVideoPlayer as jr } from "./components/BCVideoPlayer/BCVideoPlayer.js";
-import { DeviceAndPlatformLists as Jr } from "./components/DeviceAndPlatformLists/DeviceAndPlatformLists.js";
-import { InstructionsList as Or } from "./components/InstructionsList/InstructionsList.js";
-import { Figure as Xr } from "./components/Figure/Figure.js";
+import { InfoPanel as wo } from "./components/InfoPanel/InfoPanel.js";
+import { ModalContainer as Go } from "./components/ModalContainer/ModalContainer.js";
+import { PageHero as Po } from "./components/PageHero/PageHero.js";
+import { IONShowHero as Do } from "./components/PageHero/page-hero-layouts/IONShow/IONShowHero.js";
+import { ContentHero as Ho } from "./components/PageHero/page-hero-layouts/ContentHero/ContentHero.js";
+import { TabContent as Vo } from "./components/TabContent/TabContent.js";
+import { FeaturedList as zo } from "./components/FeaturedList/FeaturedList.js";
+import { GenericList as jo } from "./components/GenericList/GenericList.js";
+import { GridList as Wo } from "./components/GridList/GridList.js";
+import { LogoListItem as Ko } from "./components/LogoListItem/LogoListItem.js";
+import { NavList as Xo } from "./components/NavList/NavList.js";
+import { ScheduleList as Zo } from "./components/ScheduleList/ScheduleList.js";
+import { UpcomingList as $o } from "./components/UpcomingList/UpcomingList.js";
+import { DateNavigation as rr } from "./components/DateNavigation/DateNavigation.js";
+import { DrawerNavigation as tr } from "./components/DrawerNavigation/DrawerNavigation.js";
+import { FooterNavigation as pr } from "./components/FooterNavigation/FooterNavigation.js";
+import { InlineNavigation as xr } from "./components/InlineNavigation/InlineNavigation.js";
+import { LogoNavigation as ir } from "./components/LogoNavigation/LogoNavigation.js";
+import { SocialLinks as lr } from "./components/SocialLinks/SocialLinks.js";
+import { TabNavigation as dr } from "./components/TabNavigation/TabNavigation.js";
+import { ResultsTable as cr } from "./components/ResultsTable/ResultsTable.js";
+import { ResultsTableBody as Cr } from "./components/ResultsTableBody/ResultsTableBody.js";
+import { ResultsTableHeader as Sr } from "./components/ResultsTableHeader/ResultsTableHeader.js";
+import { AirDateFormatter as Br } from "./components/AirDateFormatter/AirDateFormatter.js";
+import { AnchorTag as Ar } from "./components/AnchorTag/AnchorTag.js";
+import { ButtonAnchor as br } from "./components/ButtonAnchor/ButtonAnchor.js";
+import { Concat as yr } from "./components/Concat/Concat.js";
+import { ErrorHandler as wr } from "./components/ErrorHandler/ErrorHandler.js";
+import { ImageReplacementAnchor as Gr } from "./components/ImageReplacementAnchor/ImageReplacementAnchor.js";
+import { GetAirdateWrapper as Pr } from "./components/GetAirdateWrapper/GetAirdateWrapper.js";
+import { Loading as Dr } from "./components/Loading/Loading.js";
+import { LoadingV2 as Hr } from "./components/LoadingV2/LoadingV2.js";
+import { ResponsiveImage as Vr } from "./components/ResponsiveImage/ResponsiveImage.js";
+import { StringList as zr } from "./components/StringList/StringList.js";
+import { GeneralErrorBoundary as jr } from "./error-boundries/GeneralErrorBoundry.js";
+import { BlankErrorBoundary as Wr } from "./error-boundries/BlankErrorBoundry.js";
+import { BCVideoPlayer as Kr } from "./components/BCVideoPlayer/BCVideoPlayer.js";
+import { DeviceAndPlatformLists as Xr } from "./components/DeviceAndPlatformLists/DeviceAndPlatformLists.js";
+import { InstructionsList as Zr } from "./components/InstructionsList/InstructionsList.js";
+import { Figure as $r } from "./components/Figure/Figure.js";
 export {
   u as ActionButton,
   e as AdBlock,
-  Io as AdjustableTwoColumnGrid,
-  Lr as AirDateFormatter,
-  Sr as AnchorTag,
-  jr as BCVideoPlayer,
+  Ao as AdjustableTwoColumnGrid,
+  Br as AirDateFormatter,
+  Ar as AnchorTag,
+  Kr as BCVideoPlayer,
   oo as BasicGridModule,
-  zr as BlankErrorBoundary,
+  Wr as BlankErrorBoundary,
   g as Button,
-  hr as ButtonAnchor,
-  B as Carousel,
-  A as CarouselSlide,
+  br as ButtonAnchor,
+  h as Carousel,
+  I as CarouselSlide,
   mo as CastInfoLayout,
   eo as ChannelSearch,
   E as ChoicesItem,
-  H as ChoicesList,
-  Ir as Concat,
+  M as ChoicesList,
+  yr as Concat,
+  Ho as ContentHero,
   q as CreateChoiceList,
   m as CtaBlock,
   U as CustomDataList,
-  W as CustomSelect,
-  Zo as DateNavigation,
+  O as CustomSelect,
+  rr as DateNavigation,
   _ as DatePicker,
-  Jr as DeviceAndPlatformLists,
-  $o as DrawerNavigation,
+  Xr as DeviceAndPlatformLists,
+  tr as DrawerNavigation,
   T as Empty,
   bo as EqualSizeFlexRow,
   yo as EqualSizeGrid,
-  br as ErrorHandler,
-  Mo as FeaturedList,
-  Xr as Figure,
+  wr as ErrorHandler,
+  zo as FeaturedList,
+  $r as Figure,
   v as FigureSlide,
   fo as FindUs,
-  rr as FooterNavigation,
-  Vr as GeneralErrorBoundary,
-  Vo as GenericList,
-  Fr as GetAirdateWrapper,
-  C as GradientButton,
-  zo as GridList,
+  pr as FooterNavigation,
+  jr as GeneralErrorBoundary,
+  jo as GenericList,
+  Pr as GetAirdateWrapper,
+  L as GradientButton,
+  Wo as GridList,
+  Do as IONShowHero,
   f as ImageCard,
   R as ImageCardSlide,
-  yr as ImageReplacementAnchor,
-  Fo as InfoPanel,
-  tr as InlineNavigation,
-  K as Input,
-  Or as InstructionsList,
-  Pr as Loading,
-  wr as LoadingV2,
-  jo as LogoListItem,
-  pr as LogoNavigation,
-  Po as ModalContainer,
+  Gr as ImageReplacementAnchor,
+  wo as InfoPanel,
+  xr as InlineNavigation,
+  J as Input,
+  Zr as InstructionsList,
+  Dr as Loading,
+  Hr as LoadingV2,
+  Ko as LogoListItem,
+  ir as LogoNavigation,
+  Go as ModalContainer,
   a as MultiLayeredFigure,
-  Jo as NavList,
-  wo as PageHero,
+  Xo as NavList,
+  Po as PageHero,
   ao as ProgramAirdate,
   n as PromotionsRowBlock,
   no as PromotionsRowModule,
   so as RescanInstructions,
-  Dr as ResponsiveImage,
-  lr as ResultsTable,
-  dr as ResultsTableBody,
-  cr as ResultsTableHeader,
+  Vr as ResponsiveImage,
+  cr as ResultsTable,
+  Cr as ResultsTableBody,
+  Sr as ResultsTableHeader,
   co as ScheduleLayout,
-  Oo as ScheduleList,
-  Lo as SectionedContent,
+  Zo as ScheduleList,
+  Co as SectionedContent,
   Q as Select,
   So as ShowAboutLayout,
-  G as ShowSlide,
-  xr as SocialLinks,
+  F as ShowSlide,
+  lr as SocialLinks,
   s as SocialShareBlock,
-  Mr as StringList,
-  Do as TabContent,
-  ir as TabNavigation,
-  ho as TabbedContent,
+  zr as StringList,
+  Vo as TabContent,
+  dr as TabNavigation,
+  Bo as TabbedContent,
   Y as TextArea,
-  k as TextSlide,
-  Xo as UpcomingList,
-  N as VideoSlide
+  N as TextSlide,
+  $o as UpcomingList,
+  k as VideoSlide
 };

package/dist/src/components/PageHero/page-hero-layouts/ContentHero/ContentHero.d.ts

@@ -1,3 +1,3 @@
-import { PageHeroImageProps } from '../page-hero';
-export declare function ContentHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, children, }: PageHeroImageProps): JSX.Element;
+import { PageHeroContentProps } from '../page-hero';
+export declare function ContentHero({ fullSizeImage, fullSizeImageRatio, mobileImage, mobileImageRatio, fullSizeImagePosition, mobileImagePosition, imageAltText, contentAlignment, verticalContentAlignment, children, }: PageHeroContentProps): JSX.Element;
 export default ContentHero;

package/dist/src/components/PageHero/page-hero-layouts/ImageOnly/ImageOnlyHero.d.ts

@@ -1,3 +1,3 @@
 import { PageHeroImageProps } from '../page-hero';
-export declare function ImageOnlyHero({ fullSizeImage, mobileImage, fullSizeImagePosition, mobileImagePosition, }: PageHeroImageProps): JSX.Element;
+export declare function ImageOnlyHero({ fullSizeImage, fullSizeImageRatio, mobileImage, mobileImageRatio, fullSizeImagePosition, mobileImagePosition, imageAltText, }: PageHeroImageProps): JSX.Element;
 export default ImageOnlyHero;

package/dist/src/index.d.ts

@@ -41,6 +41,8 @@ export { EqualSizeGrid } from './components/EqualSizeGrid';
 export { InfoPanel } from './components/InfoPanel';
 export { ModalContainer } from './components/ModalContainer';
 export { PageHero } from './components/PageHero';
+export { IONShowHero } from './components/PageHero/page-hero-layouts/IONShow/IONShowHero';
+export { ContentHero } from './components/PageHero/page-hero-layouts/ContentHero/ContentHero';
 export { TabContent } from './components/TabContent';
 export { FeaturedList } from './components/FeaturedList';
 export { GenericList } from './components/GenericList';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1",
+  "version": "2.0.2",
   "name": "@scrippsproduct/networks-ui-library",
   "description": "React Component Library for use in Scripps Networks external applications",
   "author": {

package/dist/PageHero.module-BM0IV1P5.mjs

@@ -1,8 +0,0 @@
-import './assets/PageHero.css';const e = "_hero_1wu3e_1", o = {
-  hero: e,
-  "background-image": "_background-image_1wu3e_11",
-  "mobile-background-image": "_mobile-background-image_1wu3e_12"
-};
-export {
-  o as s
-};