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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/assets/ActionButton.css +1 -1
  2. package/dist/assets/CarouselSlide.css +1 -1
  3. package/dist/assets/Figure.css +1 -1
  4. package/dist/components/ActionButton/ActionButton.d.ts +20 -1
  5. package/dist/components/ActionButton/ActionButton.js +36 -36
  6. package/dist/components/ActionButton/index.d.ts +2 -1
  7. package/dist/components/Carousel/Carousel.d.ts +7 -24
  8. package/dist/components/Carousel/Carousel.js +112 -112
  9. package/dist/components/Carousel/CarouselUtils.class.d.ts +16 -28
  10. package/dist/components/Carousel/CarouselUtils.class.js +85 -55
  11. package/dist/components/CarouselSlide/CarouselSlide.d.ts +8 -6
  12. package/dist/components/CarouselSlide/CarouselSlide.js +90 -26
  13. package/dist/components/CarouselSlide/index.d.ts +2 -1
  14. package/dist/components/CarouselSlide/slide-layouts/Empty/Empty.d.ts +1 -1
  15. package/dist/components/CarouselSlide/slide-layouts/Empty/Empty.js +3 -4
  16. package/dist/components/CarouselSlide/slide-layouts/Empty/index.d.ts +2 -1
  17. package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.d.ts +2 -2
  18. package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.js +10 -11
  19. package/dist/components/CarouselSlide/slide-layouts/Figure/index.d.ts +2 -1
  20. package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.d.ts +2 -2
  21. package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.js +9 -10
  22. package/dist/components/CarouselSlide/slide-layouts/Text/index.d.ts +2 -1
  23. package/dist/components/ScheduleList/ScheduleList.js +9 -9
  24. package/dist/settings.d.ts +4 -3
  25. package/dist/types.d.js +27 -0
  26. package/package.json +7 -2
  27. package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.stories.d.ts +0 -34
  28. package/dist/components/CarouselSlide/slide-layouts/Figure/Figure.stories.js +0 -105
  29. package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.d.ts +0 -19
  30. package/dist/components/CarouselSlide/slide-layouts/Text/TextSlide.stories.js +0 -35
@@ -1,34 +0,0 @@
1
- import { default as Figure } from './Figure';
2
- declare namespace _default {
3
- export let title: string;
4
- export { Figure as component };
5
- export let tags: string[];
6
- export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
7
- }
8
- export default _default;
9
- export function Default(args: any): import("react/jsx-runtime").JSX.Element;
10
- export namespace Default {
11
- namespace args {
12
- let images: {
13
- url: string;
14
- altText: string;
15
- caption: string;
16
- }[];
17
- let imagesPerSlide: number;
18
- }
19
- }
20
- export function TwoUp(args: any): import("react/jsx-runtime").JSX.Element;
21
- export namespace TwoUp {
22
- let args_1: any;
23
- export { args_1 as args };
24
- }
25
- export function ThreeUp(args: any): import("react/jsx-runtime").JSX.Element;
26
- export namespace ThreeUp {
27
- let args_2: any;
28
- export { args_2 as args };
29
- }
30
- export function FourUp(args: any): import("react/jsx-runtime").JSX.Element;
31
- export namespace FourUp {
32
- let args_3: any;
33
- export { args_3 as args };
34
- }
@@ -1,105 +0,0 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import "react";
3
- import { FigureSlide as o } from "./Figure.js";
4
- const d = {
5
- title: "Slide Layouts/Figure",
6
- component: o,
7
- tags: ["autodocs"],
8
- decorators: [
9
- (e) => /* @__PURE__ */ l(
10
- "div",
11
- {
12
- style: {
13
- width: "60%",
14
- "--_cell-aspect-ratio": "4/2",
15
- "--_slide-gap": "1rem",
16
- border: "1px solid #000"
17
- },
18
- children: /* @__PURE__ */ l(e, {})
19
- }
20
- )
21
- ]
22
- }, t = (e) => /* @__PURE__ */ l(o, { ...e }), a = t.bind({});
23
- a.args = {
24
- images: [
25
- {
26
- url: "https://placehold.co/500x300",
27
- altText: "A random image from Unsplash (https://unsplash.com)",
28
- caption: "Image 1"
29
- }
30
- ],
31
- imagesPerSlide: 1
32
- };
33
- const s = t.bind({});
34
- s.args = {
35
- ...a.args,
36
- images: [
37
- {
38
- url: "https://placehold.co/500x300",
39
- altText: "",
40
- caption: "Image 1"
41
- },
42
- {
43
- url: "https://placehold.co/500x300",
44
- altText: "",
45
- caption: "Image 2"
46
- }
47
- ],
48
- imagesPerSlide: 2
49
- };
50
- const p = t.bind({});
51
- p.args = {
52
- ...a.args,
53
- images: [
54
- {
55
- url: "https://placehold.co/500x300",
56
- altText: "",
57
- caption: "Image 1"
58
- },
59
- {
60
- url: "https://placehold.co/500x300",
61
- altText: "",
62
- caption: "Image 2"
63
- },
64
- {
65
- url: "https://placehold.co/500x300",
66
- altText: "",
67
- caption: "Image 3"
68
- }
69
- ],
70
- imagesPerSlide: 3
71
- };
72
- const c = t.bind({});
73
- c.args = {
74
- ...a.args,
75
- images: [
76
- {
77
- url: "https://placehold.co/500x300",
78
- altText: "",
79
- caption: "Image 1"
80
- },
81
- {
82
- url: "https://placehold.co/500x300",
83
- altText: "Blue ocean with a large wave",
84
- caption: "Image 2"
85
- },
86
- {
87
- url: "https://placehold.co/500x300",
88
- altText: "",
89
- caption: "Image 3"
90
- },
91
- {
92
- url: "https://placehold.co/500x300",
93
- altText: "",
94
- caption: "Image 4"
95
- }
96
- ],
97
- imagesPerSlide: 4
98
- };
99
- export {
100
- a as Default,
101
- c as FourUp,
102
- p as ThreeUp,
103
- s as TwoUp,
104
- d as default
105
- };
@@ -1,19 +0,0 @@
1
- import { default as TextSlide } from './TextSlide';
2
- declare namespace _default {
3
- export let title: string;
4
- export { TextSlide as component };
5
- export let tags: string[];
6
- export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
7
- }
8
- export default _default;
9
- export function Default(args: any): import("react/jsx-runtime").JSX.Element;
10
- export namespace Default {
11
- namespace args {
12
- let text: string;
13
- }
14
- }
15
- export function Inverse(args: any): import("react/jsx-runtime").JSX.Element;
16
- export namespace Inverse {
17
- let args_1: any;
18
- export { args_1 as args };
19
- }
@@ -1,35 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import "react";
3
- import { TextSlide as o } from "./TextSlide.js";
4
- const n = {
5
- title: "Slide Layouts/Text Slide",
6
- component: o,
7
- tags: ["autodocs"],
8
- decorators: [
9
- (t) => /* @__PURE__ */ e(
10
- "div",
11
- {
12
- style: {
13
- width: "60%",
14
- aspectRatio: "4/2",
15
- border: "1px solid #000"
16
- },
17
- children: /* @__PURE__ */ e(t, {})
18
- }
19
- )
20
- ]
21
- }, s = (t) => /* @__PURE__ */ e(o, { ...t }), i = s.bind({});
22
- i.args = {
23
- text: "This is a Text Slide"
24
- };
25
- const r = s.bind({});
26
- r.args = {
27
- ...i.args,
28
- backgroundColor: "#000",
29
- textColor: "#fff"
30
- };
31
- export {
32
- i as Default,
33
- r as Inverse,
34
- n as default
35
- };