zarebin-player-library 1.0.21 → 1.0.23

package/README.md

@@ -1,5 +1,5 @@
 ## Installation
 
 ```bash
-npm install zarebin-player-library @reduxjs/toolkit react-redux
+npm install zarebin-player-library @reduxjs/toolkit react-redux keen-slider
 ```

package/dist/src/videoPlayerLibrary/shared/providers/theme-provider.d.ts

@@ -3,7 +3,6 @@ type Theme = "light" | "dark";
 interface ThemeContextType {
     theme: Theme;
     setTheme: (theme: Theme) => void;
-    toggleTheme: () => void;
 }
 interface ThemeProviderProps {
     children: ReactNode;

package/dist/zarebin-player-library.css

@@ -10639,8 +10639,7 @@
     .dvh {
         height: 100dvh !important;
     }
-}html,
-body {
+}#video-player-container {
     padding: 0;
     margin: 0;
     font-family:
@@ -12273,7 +12272,7 @@ video {
     background-color: rgb(0 0 0 / 0.8) !important;
 }.\!pl-bg-dark-1{
     --tw-bg-opacity: 1 !important;
-    background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1)) !important;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
 }.\!pl-bg-dark-3{
     --tw-bg-opacity: 1 !important;
     background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1)) !important;
@@ -12317,7 +12316,7 @@ video {
     background-color: rgb(0 0 0 / 0.7);
 }.pl-bg-dark-1{
     --tw-bg-opacity: 1;
-    background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }.pl-bg-dark-2{
     --tw-bg-opacity: 1;
     background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
@@ -12469,7 +12468,7 @@ video {
 }.\!pl-bg-no-repeat{
     background-repeat: no-repeat !important;
 }.pl-fill-dark-1{
-    fill: #1C1B1E;
+    fill: #000;
 }.pl-fill-dark-4{
     fill: #919094;
 }.pl-fill-dark-5{
@@ -13245,7 +13244,7 @@ video {
     background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
 }.dark\:\!pl-bg-dark-1:is(.pl-dark *){
     --tw-bg-opacity: 1 !important;
-    background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1)) !important;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
 }.dark\:\!pl-bg-dark-13:is(.pl-dark *){
     --tw-bg-opacity: 1 !important;
     background-color: rgb(28 27 31 / var(--tw-bg-opacity, 1)) !important;
@@ -13264,9 +13263,9 @@ video {
     background-color: rgb(0 0 0 / 0.7);
 }.dark\:pl-bg-dark-1:is(.pl-dark *){
     --tw-bg-opacity: 1;
-    background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }.dark\:pl-bg-dark-1\/\[0\.8\]:is(.pl-dark *){
-    background-color: rgb(28 27 30 / 0.8);
+    background-color: rgb(0 0 0 / 0.8);
 }.dark\:pl-bg-dark-2:is(.pl-dark *){
     --tw-bg-opacity: 1;
     background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
@@ -13434,7 +13433,7 @@ video {
     color: rgb(188 189 192 / var(--tw-text-opacity, 1));
 }.odd\:dark\:pl-bg-dark-1:is(.pl-dark *):nth-child(odd){
     --tw-bg-opacity: 1;
-    background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }.dark\:hover\:pl-bg-dark-10\/\[0\.9\]:hover:is(.pl-dark *){
     background-color: rgb(56 56 56 / 0.9);
 }.dark\:hover\:pl-bg-z-gray-700:hover:is(.pl-dark *){

package/dist/zarebin-player-library.js

@@ -12326,13 +12326,9 @@ var ThemeProvider = ({ children }) => {
 		localStorage.setItem("theme", newTheme);
 		document.documentElement.classList.toggle("dark", newTheme === "dark");
 	};
-	const toggleTheme = () => {
-		setTheme(theme === "light" ? "dark" : "light");
-	};
 	const value = useMemo(() => ({
 		theme,
-		setTheme,
-		toggleTheme
+		setTheme
 	}), [theme]);
 	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
 		value,
@@ -81878,7 +81874,11 @@ var VideoPlayer = ({ params }) => {
 		position: "bottom-right",
 		autoClose: 3e3,
 		theme: conditions(ConditionName.isDarkMode) ? "dark" : "light"
-	}), element] });
+	}), /* @__PURE__ */ jsx("div", {
+		id: "video-player-container",
+		className: "pl-h-full pl-w-full",
+		children: element
+	})] });
 };
 //#endregion
 //#region src/videoPlayerLibrary/videoPlayerLibrary.tsx