@appquality/unguess-design-system 3.1.3 → 3.1.40-player

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

package/build/stories/editor/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

package/build/stories/player/_types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from "react";
 export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
+    url: string;
 }
 export interface WrapperProps {
     isPlaying?: boolean;

package/build/stories/player/index.stories.d.ts

@@ -4,5 +4,6 @@ interface PlayerStoryArgs extends PlayerArgs {
     url: string;
 }
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
+export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
 export default _default;

package/build/stories/player/parts/audioButton.d.ts

@@ -1,3 +1 @@
-export declare const AudioButton: (props: {
-    videoRef: HTMLVideoElement | null;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const AudioButton: () => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/controls.d.ts

@@ -1,9 +1,6 @@
 import { WrapperProps } from "../_types";
 export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;
 export declare const ControlsBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Controls: (props: {
-    videoRef: HTMLVideoElement | null;
-    duration: number;
-    isPlaying?: boolean | undefined;
-    onPlayChange?: ((isPlaying: boolean) => void) | undefined;
+export declare const Controls: ({ container, }: {
+    container: HTMLDivElement | null;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/controlsCenterGroup.d.ts

@@ -1,5 +1 @@
-export declare const ControlsGroupCenter: ({ videoRef, isPlaying, onPlayChange, }: {
-    videoRef: HTMLVideoElement | null;
-    isPlaying?: boolean | undefined;
-    onPlayChange?: ((playing: boolean) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsGroupCenter: () => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/fullScreenButton.d.ts

@@ -1,10 +1,3 @@
-interface VideowithFullscreen extends HTMLVideoElement {
-    webkitEnterFullscreen?: () => Promise<void>;
-    webkitRequestFullscreen?: () => Promise<void>;
-    mozRequestFullScreen?: () => Promise<void>;
-    msRequestFullscreen?: () => Promise<void>;
-}
-export declare const FullScreenButton: (props: {
-    videoRef: VideowithFullscreen | null;
+export declare const FullScreenButton: ({ container, }: {
+    container: HTMLDivElement | null;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/stories/player/parts/video.d.ts

@@ -1 +1 @@
-export declare const Video: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
+export declare const VideoStyle: import("styled-components").FlattenSimpleInterpolation;

package/build/stories/theme/index.d.ts

@@ -300,13 +300,18 @@ declare const theme: {
             "&:hover"?: {
                 borderColor: string | undefined;
                 color: string | undefined;
-                backgroundColor: string | undefined;
+                backgroundColor: string;
                 "& svg"?: undefined;
             } | {
-                backgroundColor: string | undefined;
+                backgroundColor: string;
                 color: string | undefined;
                 borderColor?: undefined;
                 "& svg"?: undefined;
+            } | {
+                backgroundColor: string | undefined;
+                color: string;
+                borderColor?: undefined;
+                "& svg"?: undefined;
             } | {
                 backgroundColor: string;
                 color: string;
@@ -347,13 +352,13 @@ declare const theme: {
             "&:hover"?: {
                 borderColor: string | undefined;
                 color: string | undefined;
-                backgroundColor: string | undefined;
+                backgroundColor: string;
             } | {
                 backgroundColor: string | undefined;
                 borderColor?: undefined;
                 color?: undefined;
             } | {
-                backgroundColor: string | undefined;
+                backgroundColor: string;
                 color: string | undefined;
                 borderColor?: undefined;
             } | {

package/build/stories/tooltip/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {

package/build/stories/typography/typescale/anchortag/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AnchorTag: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     [x: string]: any;

package/build/stories/typography/typescale/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     [x: string]: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.3",
+  "version": "3.1.40-player",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -25,6 +25,7 @@
   },
   "homepage": "https://github.com/AppQuality/unguess-design-system#readme",
   "dependencies": {
+    "@appquality/stream-player": "^1.0.3",
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",
     "@nivo/core": "^0.80.0",