@appquality/unguess-design-system 3.1.42-player → 3.1.45

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v3.1.42 (Thu Aug 24 2023)
+
+#### 🐛 Bug Fix
+
+- Improve fullscreen experience of player [#263](https://github.com/AppQuality/unguess-design-system/pull/263) ([@cannarocks](https://github.com/cannarocks))
+- New-player-with-old-skin [#262](https://github.com/AppQuality/unguess-design-system/pull/262) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.4 (Wed Aug 23 2023)
+
+#### 🐛 Bug Fix
+
+- Add streaming support to player component [#261](https://github.com/AppQuality/unguess-design-system/pull/261) ([@cannarocks](https://github.com/cannarocks))
+- New-player-with-old-skin [#260](https://github.com/AppQuality/unguess-design-system/pull/260) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v3.1.3 (Wed Aug 16 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -4389,10 +4389,24 @@ const FullScreenButton = ({ container, }) => {
         }
         return false;
     }), [ref]);
+    React.useEffect(() => {
+        if (ref) {
+            ref.addEventListener("fullscreenchange", () => {
+                setFullScreen(!!document.fullscreenElement);
+            });
+        }
+        return () => {
+            if (ref) {
+                ref.removeEventListener("fullscreenchange", () => {
+                    setFullScreen(!!document.fullscreenElement);
+                });
+            }
+        };
+    }, [ref]);
     return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, onClick: (e) => {
             handleFullScreen();
             e.stopPropagation();
-        }, disabled: !canGoFullScreen() }, { children: document.fullscreenElement || isFullScreen ? jsxRuntime.jsx(SvgMinimizeStroke, {}) : jsxRuntime.jsx(SvgMaximizeStroke, {}) })));
+        }, disabled: !canGoFullScreen() }, { children: document.fullscreenElement || isFullScreen ? (jsxRuntime.jsx(SvgMinimizeStroke, {})) : (jsxRuntime.jsx(SvgMaximizeStroke, {})) })));
 };
 
 const ControlsWrapper = styled__default["default"].div `

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.42-player",
+  "version": "3.1.45",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",