@scrippsproduct/networks-ui-library 1.1.0-alpha.0 → 1.1.0-alpha.2

package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.stories.js

@@ -1,105 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import "react";
-import { FigureSlide as o } from "./Figure.js";
-const d = {
-  title: "Slide Layouts/Figure",
-  component: o,
-  tags: ["autodocs"],
-  decorators: [
-    (e) => /* @__PURE__ */ l(
-      "div",
-      {
-        style: {
-          width: "60%",
-          "--_cell-aspect-ratio": "4/2",
-          "--_slide-gap": "1rem",
-          border: "1px solid #000"
-        },
-        children: /* @__PURE__ */ l(e, {})
-      }
-    )
-  ]
-}, t = (e) => /* @__PURE__ */ l(o, { ...e }), a = t.bind({});
-a.args = {
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "A random image from Unsplash (https://unsplash.com)",
-      caption: "Image 1"
-    }
-  ],
-  imagesPerSlide: 1
-};
-const s = t.bind({});
-s.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 2"
-    }
-  ],
-  imagesPerSlide: 2
-};
-const p = t.bind({});
-p.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 2"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 3"
-    }
-  ],
-  imagesPerSlide: 3
-};
-const c = t.bind({});
-c.args = {
-  ...a.args,
-  images: [
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 1"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "Blue ocean with a large wave",
-      caption: "Image 2"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 3"
-    },
-    {
-      url: "https://placehold.co/500x300",
-      altText: "",
-      caption: "Image 4"
-    }
-  ],
-  imagesPerSlide: 4
-};
-export {
-  a as Default,
-  c as FourUp,
-  p as ThreeUp,
-  s as TwoUp,
-  d as default
-};

package/dist/components/CarouselSlide/slide-layouts/NetworkCallout/NetworkCalloutSlide.stories.d.ts

@@ -1,28 +0,0 @@
-import { default as NetworkCalloutSlide } from './NetworkCalloutSlide';
-declare namespace _default {
-    export let title: string;
-    export { NetworkCalloutSlide as component };
-    export let tags: string[];
-    export let args: {};
-}
-export default _default;
-export function Generic(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Generic {
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-    export namespace args_1 {
-        namespace network {
-            let name: string;
-            let tagline: string;
-            namespace images {
-                namespace logo {
-                    let url: string;
-                }
-                namespace callout {
-                    let url_1: string;
-                    export { url_1 as url };
-                }
-            }
-        }
-    }
-    export { args_1 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/NetworkCallout/NetworkCalloutSlide.stories.js

@@ -1,42 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { NetworkCalloutSlide as e } from "./NetworkCalloutSlide.js";
-const n = {
-  title: "Slide Layouts/Network Callout Slide",
-  component: e,
-  tags: ["autodocs"],
-  args: {}
-}, s = (o) => /* @__PURE__ */ t(e, { ...o }), l = s.bind({});
-l.decorators = [
-  (o) => /* @__PURE__ */ t(
-    "div",
-    {
-      style: {
-        width: "90%",
-        aspectRatio: 1710 / 850,
-        backgroundColor: "#F49019"
-      },
-      className: "slide",
-      inert: null,
-      children: /* @__PURE__ */ t(o, {})
-    }
-  )
-];
-l.args = {
-  network: {
-    name: "ION Mystery",
-    tagline: "Television's most Binge-worthy thrillers, docuseries and originals",
-    images: {
-      logo: {
-        url: "https://iontelevision.com/static/global/ION-Mystery_Logo-White.svg"
-      },
-      callout: {
-        url: "https://placehold.co/547x303"
-      }
-    }
-  }
-};
-export {
-  l as Generic,
-  n as default
-};

package/dist/components/CarouselSlide/slide-layouts/Show/ShowSlide.stories.d.ts

@@ -1,170 +0,0 @@
-import { default as ShowSlide } from './ShowSlide';
-declare namespace _default {
-    export let title: string;
-    export { ShowSlide as component };
-    export let tags: string[];
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        namespace series {
-            let title_1: string;
-            export { title_1 as title };
-            export namespace bannerImage {
-                namespace image {
-                    let publicUrl: string;
-                    let sources: {
-                        srcsets: string[];
-                        media: string;
-                    }[];
-                }
-            }
-            export namespace bannerMobileImage {
-                export namespace image_1 {
-                    let publicUrl_1: string;
-                    export { publicUrl_1 as publicUrl };
-                }
-                export { image_1 as image };
-            }
-            export namespace logoImage {
-                export namespace image_2 {
-                    let publicUrl_2: string;
-                    export { publicUrl_2 as publicUrl };
-                    export let sizes: {
-                        srcSets: {
-                            src: string;
-                        }[];
-                    }[];
-                }
-                export { image_2 as image };
-            }
-            export let slug: string;
-            export let seriesPrefix: string;
-            export let preventDetailPage: boolean;
-        }
-        let nextAirdate: string;
-        let titlePosition: string;
-        let titleColor: string;
-        let fullSizeImagePosition: number[];
-        let mobileImagePosition: number[];
-        let lazyLoad: boolean;
-        let fetchPriority: string;
-        let hasSeriesPages: boolean;
-        function handleClicks(): boolean;
-        let altText: string;
-        let SCHEDULE_ENDPOINT: any;
-        let NETWORK: any;
-    }
-}
-export function FetchAirdate(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace FetchAirdate {
-    export namespace args_1 {
-        export namespace series_1 {
-            let title_2: string;
-            export { title_2 as title };
-            export namespace bannerImage_1 {
-                export namespace image_3 {
-                    let publicUrl_3: string;
-                    export { publicUrl_3 as publicUrl };
-                }
-                export { image_3 as image };
-            }
-            export { bannerImage_1 as bannerImage };
-            export namespace bannerMobileImage_1 {
-                export namespace image_4 {
-                    let publicUrl_4: string;
-                    export { publicUrl_4 as publicUrl };
-                }
-                export { image_4 as image };
-            }
-            export { bannerMobileImage_1 as bannerMobileImage };
-            let slug_1: string;
-            export { slug_1 as slug };
-            let seriesPrefix_1: string;
-            export { seriesPrefix_1 as seriesPrefix };
-        }
-        export { series_1 as series };
-        let nextAirdate_1: null;
-        export { nextAirdate_1 as nextAirdate };
-        let titlePosition_1: string;
-        export { titlePosition_1 as titlePosition };
-        let titleColor_1: string;
-        export { titleColor_1 as titleColor };
-        let fullSizeImagePosition_1: number[];
-        export { fullSizeImagePosition_1 as fullSizeImagePosition };
-        let mobileImagePosition_1: number[];
-        export { mobileImagePosition_1 as mobileImagePosition };
-        let lazyLoad_1: boolean;
-        export { lazyLoad_1 as lazyLoad };
-        let fetchPriority_1: string;
-        export { fetchPriority_1 as fetchPriority };
-        let hasSeriesPages_1: boolean;
-        export { hasSeriesPages_1 as hasSeriesPages };
-        export function handleClicks_1(): boolean;
-        export { handleClicks_1 as handleClicks };
-        let altText_1: string;
-        export { altText_1 as altText };
-        let SCHEDULE_ENDPOINT_1: any;
-        export { SCHEDULE_ENDPOINT_1 as SCHEDULE_ENDPOINT };
-        let NETWORK_1: any;
-        export { NETWORK_1 as NETWORK };
-    }
-    export { args_1 as args };
-}
-export function PreventDetailPage(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PreventDetailPage {
-    export namespace args_2 {
-        export namespace series_2 {
-            let title_3: string;
-            export { title_3 as title };
-            export namespace bannerImage_2 {
-                export namespace image_5 {
-                    let publicUrl_5: string;
-                    export { publicUrl_5 as publicUrl };
-                }
-                export { image_5 as image };
-            }
-            export { bannerImage_2 as bannerImage };
-            export namespace bannerMobileImage_2 {
-                export namespace image_6 {
-                    let publicUrl_6: string;
-                    export { publicUrl_6 as publicUrl };
-                }
-                export { image_6 as image };
-            }
-            export { bannerMobileImage_2 as bannerMobileImage };
-            let slug_2: string;
-            export { slug_2 as slug };
-            let seriesPrefix_2: string;
-            export { seriesPrefix_2 as seriesPrefix };
-            let preventDetailPage_1: boolean;
-            export { preventDetailPage_1 as preventDetailPage };
-        }
-        export { series_2 as series };
-        let titlePosition_2: string;
-        export { titlePosition_2 as titlePosition };
-        let titleColor_2: string;
-        export { titleColor_2 as titleColor };
-        let fullSizeImagePosition_2: number[];
-        export { fullSizeImagePosition_2 as fullSizeImagePosition };
-        let mobileImagePosition_2: number[];
-        export { mobileImagePosition_2 as mobileImagePosition };
-        let lazyLoad_2: boolean;
-        export { lazyLoad_2 as lazyLoad };
-        let fetchPriority_2: string;
-        export { fetchPriority_2 as fetchPriority };
-        let hasSeriesPages_2: boolean;
-        export { hasSeriesPages_2 as hasSeriesPages };
-        export function handleClicks_2(): boolean;
-        export { handleClicks_2 as handleClicks };
-        let altText_2: string;
-        export { altText_2 as altText };
-        let SCHEDULE_ENDPOINT_2: any;
-        export { SCHEDULE_ENDPOINT_2 as SCHEDULE_ENDPOINT };
-        let NETWORK_2: any;
-        export { NETWORK_2 as NETWORK };
-    }
-    export { args_2 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/Show/ShowSlide.stories.js

@@ -1,193 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { ShowSlide as s } from "./ShowSlide.js";
-const r = {
-  title: "Slide Layouts/Show Slide",
-  component: s,
-  tags: ["autodocs"],
-  decorators: [
-    (e) => /* @__PURE__ */ t(
-      "div",
-      {
-        style: {
-          width: "60%",
-          aspectRatio: 2.431034482758621,
-          border: "1px solid #000"
-        },
-        className: "slide",
-        inert: null,
-        children: /* @__PURE__ */ t(e, {})
-      }
-    )
-  ]
-}, l = (e) => /* @__PURE__ */ t(s, { ...e }), i = l.bind({});
-i.args = {
-  series: {
-    title: "MacGyver",
-    bannerImage: {
-      image: {
-        publicUrl: "https://placehold.co/1710x850",
-        sources: [
-          {
-            srcsets: ["https://placehold.co/3420x1700"],
-            media: "min-width: 2400px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/2400x1193",
-              "https://placehold.co/2400x1193 2x"
-            ],
-            media: "min-width: 1800px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/1800x895",
-              "https://placehold.co/2400x1193 2x"
-            ],
-            media: "min-width: 1500px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/1500x746",
-              "https://placehold.co/1800x895 2x",
-              "https://placehold.co/2400x1193 3x"
-            ],
-            media: "min-width: 1200px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/1200x596",
-              "https://placehold.co/1500x746 2x",
-              "https://placehold.co/1800x895 3x"
-            ],
-            media: "min-width: 900px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/900x447",
-              "https://placehold.co/1200x596 2x",
-              "https://placehold.co/1500x746 3x"
-            ],
-            media: "min-width: 600px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/600x298",
-              "https://placehold.co/900x447 2x",
-              "https://placehold.co/600x596 3x"
-            ],
-            media: "min-width: 300px"
-          },
-          {
-            srcsets: [
-              "https://placehold.co/300x149",
-              "https://placehold.co/600x298 2x",
-              "https://placehold.co/900x447 3x"
-            ],
-            media: "min-width: 1px"
-          }
-        ]
-      }
-    },
-    bannerMobileImage: {
-      image: {
-        publicUrl: "https://placehold.co/388x594"
-      }
-    },
-    logoImage: {
-      image: {
-        publicUrl: "https://placehold.co/300x100/aaa/fff.jpg?text=MacGyver&font=montserrat",
-        sizes: [
-          {
-            srcSets: [
-              {
-                src: "https://placehold.co/300x100/000/fff.png?text=MacGyver&font=montserrat"
-              }
-            ]
-          }
-        ]
-      }
-    },
-    slug: "macgyver",
-    seriesPrefix: "MGY",
-    preventDetailPage: !1
-  },
-  nextAirdate: "2022-10-07 10:00:00.001",
-  titlePosition: "left",
-  titleColor: "#fff",
-  fullSizeImagePosition: [50, 50],
-  mobileImagePosition: [50, 50],
-  lazyLoad: !0,
-  fetchPriority: "high",
-  hasSeriesPages: !0,
-  handleClicks: () => !0,
-  altText: "this is alt text",
-  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
-  NETWORK: "ion"
-};
-const o = l.bind({});
-o.args = {
-  series: {
-    title: "NCIS",
-    bannerImage: {
-      image: {
-        publicUrl: "https://placehold.co/1710x850"
-      }
-    },
-    bannerMobileImage: {
-      image: {
-        publicUrl: "https://placehold.co/537x822"
-      }
-    },
-    slug: "ncis",
-    seriesPrefix: "NCS"
-  },
-  nextAirdate: null,
-  titlePosition: "left",
-  titleColor: "#fff",
-  fullSizeImagePosition: [50, 50],
-  mobileImagePosition: [50, 50],
-  lazyLoad: !0,
-  fetchPriority: "high",
-  hasSeriesPages: !0,
-  handleClicks: () => !0,
-  altText: "this is alt text",
-  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
-  NETWORK: "ion"
-};
-const a = l.bind({});
-a.args = {
-  series: {
-    title: "NCIS",
-    bannerImage: {
-      image: {
-        publicUrl: "https://placehold.co/1710x850"
-      }
-    },
-    bannerMobileImage: {
-      image: {
-        publicUrl: "https://placehold.co/537x822"
-      }
-    },
-    slug: "ncis",
-    seriesPrefix: "NCS",
-    preventDetailPage: !0
-  },
-  titlePosition: "left",
-  titleColor: "#fff",
-  fullSizeImagePosition: [50, 50],
-  mobileImagePosition: [50, 50],
-  lazyLoad: !0,
-  fetchPriority: "high",
-  hasSeriesPages: !1,
-  handleClicks: () => !0,
-  altText: "this is alt text",
-  SCHEDULE_ENDPOINT: "https://api.scrippscloud.com/scheduler/schedules/v2",
-  NETWORK: "ion"
-};
-export {
-  i as Default,
-  o as FetchAirdate,
-  a as PreventDetailPage,
-  r as default
-};

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.d.ts

@@ -1,19 +0,0 @@
-import { default as TextSlide } from './TextSlide';
-declare namespace _default {
-    export let title: string;
-    export { TextSlide as component };
-    export let tags: string[];
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-}
-export default _default;
-export function Default(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Default {
-    namespace args {
-        let text: string;
-    }
-}
-export function Inverse(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Inverse {
-    let args_1: any;
-    export { args_1 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.js

@@ -1,35 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-import { TextSlide as o } from "./TextSlide.js";
-const n = {
-  title: "Slide Layouts/Text Slide",
-  component: o,
-  tags: ["autodocs"],
-  decorators: [
-    (t) => /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          width: "60%",
-          aspectRatio: "4/2",
-          border: "1px solid #000"
-        },
-        children: /* @__PURE__ */ e(t, {})
-      }
-    )
-  ]
-}, s = (t) => /* @__PURE__ */ e(o, { ...t }), i = s.bind({});
-i.args = {
-  text: "This is a Text Slide"
-};
-const r = s.bind({});
-r.args = {
-  ...i.args,
-  backgroundColor: "#000",
-  textColor: "#fff"
-};
-export {
-  i as Default,
-  r as Inverse,
-  n as default
-};

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.stories.d.ts

@@ -1,17 +0,0 @@
-import { default as TwoColumnSlide } from './TwoColumnSlide';
-declare namespace _default {
-    export let title: string;
-    export { TwoColumnSlide as component };
-    export let tags: string[];
-    export let args: {};
-}
-export default _default;
-export function Generic(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace Generic {
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-    export namespace args_1 {
-        let columnOneContent: import("react/jsx-runtime").JSX.Element;
-        let columnTwoContent: string;
-    }
-    export { args_1 as args };
-}

package/dist/components/CarouselSlide/slide-layouts/TwoColumn/TwoColumnSlide.stories.js

@@ -1,49 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { TwoColumnSlide as e } from "./TwoColumnSlide.js";
-import { CtaBlock as n } from "../../../CtaBlock/CtaBlock.js";
-const c = {
-  title: "Slide Layouts/Two Column Slide",
-  component: e,
-  tags: ["autodocs"],
-  args: {}
-}, i = (o) => /* @__PURE__ */ t(e, { ...o }), l = i.bind({});
-l.decorators = [
-  (o) => /* @__PURE__ */ t(
-    "div",
-    {
-      style: {
-        width: "90%",
-        aspectRatio: 1710 / 850,
-        border: "1px solid #000",
-        backgroundColor: "#ddd"
-      },
-      className: "slide",
-      inert: null,
-      children: /* @__PURE__ */ t(o, {})
-    }
-  )
-];
-l.args = {
-  columnOneContent: /* @__PURE__ */ t(
-    n,
-    {
-      title: "ION Mystery",
-      content: "Television's most Binge-worthy thrillers, docuseries and originals",
-      cta: {
-        label: "",
-        href: "",
-        type: "external-link"
-      },
-      titleImageUrl: "https://iontelevision.com/static/global/ION-Mystery_Logo-Orange-White-in-template.png",
-      type: "external-link",
-      btnGradientStartColor: "#ff8b00",
-      btnGradientEndColor: "#fdbf0f"
-    }
-  ),
-  columnTwoContent: '<img src="https://placehold.co/547x303/444444/FFFFFF/JPG" />'
-};
-export {
-  l as Generic,
-  c as default
-};