labsense-ui-kit 1.0.9 → 1.0.11

package/dist/Icons/SVGs/CircularWarning.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const CircularWarning: React.FC<SVGProps>;
+export default CircularWarning;

package/dist/Icons/SVGs/Filter_1.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const Filter_1: React.FC<SVGProps>;
+export default Filter_1;

package/dist/Icons/SVGs/Filter_2.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const Filter_2: React.FC<SVGProps>;
+export default Filter_2;

package/dist/Icons/SVGs/FullVolume.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const FullVolume: React.FC<SVGProps>;
+export default FullVolume;

package/dist/Icons/SVGs/MediumVolume.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const MediumVolume: React.FC<SVGProps>;
+export default MediumVolume;

package/dist/Icons/SVGs/MuteVolume.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SVGProps } from "..";
+declare const MuteVolume: React.FC<SVGProps>;
+export default MuteVolume;

package/dist/Icons/SVGs/index.d.ts

@@ -14,11 +14,13 @@ export { default as Shield } from './Shield';
 export { default as Lock } from './Lock';
 export { default as DownArrow } from './/DownArrow';
 export { default as Email } from './Email';
+export { default as ExitFullScreen } from './ExitFullScreen';
 export { default as Live } from './Live';
 export { default as CCTV_1 } from './CCTV_1';
 export { default as CCTV_2 } from './CCTV_2';
 export { default as Video } from './Video';
 export { default as FilesBox } from './FilesBox';
+export { default as FullVolume } from './FullVolume';
 export { default as Grid_2x2 } from './Grid_2x2';
 export { default as Grid_3x3 } from './Grid_3x3';
 export { default as Grid_4x4 } from './Grid_4x4';
@@ -27,13 +29,16 @@ export { default as Add } from './Add';
 export { default as Key } from './Key';
 export { default as NoCam } from './NoCam';
 export { default as Grid_2x2_Hollow } from './Grid_2x2_Hollow';
-export { default as Filter } from './Filter';
+export { default as Filter_1 } from './Filter_1';
+export { default as Filter_2 } from './Filter_2';
 export { default as Team } from './Team';
 export { default as History } from './History';
 export { default as Information } from './Information';
 export { default as Letter } from './Letter';
 export { default as Logout } from './Logout';
+export { default as MediumVolume } from './MediumVolume';
 export { default as Mute } from './Mute';
+export { default as MuteVolume } from './MuteVolume';
 export { default as Notifications } from './Notifications';
 export { default as Circle } from './Circle';
 export { default as Phone } from './Phone';
@@ -51,7 +56,7 @@ export { default as SandTimer } from './SandTimer';
 export { default as Zapper } from './Zapper';
 export { default as CircularPlay } from './CircularPlay';
 export { default as CircularPause } from './CircularPause';
-export { default as Volume } from './Volume';
+export { default as CircularWarning } from './CircularWarning';
 export { default as Rewind_10_Sec } from './Rewind_10_Sec';
 export { default as Forward_10_Sec } from './Forward_10_Sec';
 export { default as FullScreen } from './FullScreen';

package/dist/Icons/index.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    clickable?: boolean | undefined;
+}>> & string;
 declare const IconWrapperForSVG: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGGElement>, never>> & string;
 export { IconWrapper, IconWrapperForSVG };
 export interface SVGProps {
@@ -7,12 +9,9 @@ export interface SVGProps {
     color: string;
     weight: string;
 }
-export declare type IconNames = 'Add' | 'Back' | 'Bin' | 'Business' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularPause' | 'CircularPlay' | 'Client' | 'Close' | 'CloseCircle' | 'Copy' | 'Cyber' | 'DownArrow' | 'Download' | 'Edit' | 'Email' | 'ExitFullScreen' | 'FilesBox' | 'FilledCircle' | 'Filter' | 'Forward_10_Sec' | 'Forward' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'History' | 'Information' | 'Key' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Mute' | 'NoCam' | 'Notifications' | 'Phone' | 'Play' | 'Profile_1' | 'Profile_2' | 'Recording' | 'Rewind_10_Sec' | 'RightArrow' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Video' | 'Wallet' | 'Zapper';
-declare const IconSVGs: {
-    [key: string]: React.FC<SVGProps>;
-};
+export declare type IconNames = 'Add' | 'Back' | 'Bin' | 'Business' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'Copy' | 'Cyber' | 'DownArrow' | 'Download' | 'Edit' | 'Email' | 'ExitFullScreen' | 'FilesBox' | 'FilledCircle' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'History' | 'Information' | 'Key' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'NoCam' | 'Notifications' | 'Phone' | 'Play' | 'Profile_1' | 'Profile_2' | 'Recording' | 'Rewind_10_Sec' | 'RightArrow' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Video' | 'FullVolume' | 'Wallet' | 'Zapper';
 export interface IconProps {
-    icon: keyof typeof IconSVGs;
+    icon: IconNames;
     size?: number;
     color?: string;
     weight?: string;

package/dist/index.js

@@ -353,6 +353,23 @@ var Email = function Email(_ref) {
   }));
 };
 
+var ExitFullScreen = function ExitFullScreen(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M1 8H4C6.20557 8 8 6.20557 8 4V1C8 0.447754 7.55225 0 7 0C6.44775 0 6 0.447754 6 1V4C6 5.10303 5.10303 6 4 6H1C0.447754 6 0 6.44775 0 7C0 7.55225 0.447754 8 1 8ZM14 8H17C17.5522 8 18 7.55225 18 7C18 6.44775 17.5522 6 17 6H14C12.897 6 12 5.10303 12 4V1C12 0.447754 11.5522 0 11 0C10.4478 0 10 0.447754 10 1V4C10 6.20557 11.7944 8 14 8ZM11 18C11.5522 18 12 17.5522 12 17V14C12 12.897 12.897 12 14 12H17C17.5522 12 18 11.5522 18 11C18 10.4478 17.5522 10 17 10H14C11.7944 10 10 11.7944 10 14V17C10 17.5522 10.4478 18 11 18ZM1 12H4C5.10303 12 6 12.897 6 14V17C6 17.5522 6.44775 18 7 18C7.55225 18 8 17.5522 8 17V14C8 11.7944 6.20557 10 4 10H1C0.447754 10 0 10.4478 0 11C0 11.5522 0.447754 12 1 12Z",
+    fill: color
+  }));
+};
+
 var Live = function Live(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -483,6 +500,23 @@ var FilesBox = function FilesBox(_ref) {
   }));
 };
 
+var FullVolume = function FullVolume(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 20 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M19.6 9.00003C19.6 11.064 19 13.056 17.848 14.784C17.752 14.928 17.608 15 17.44 15C17.344 15 17.248 14.976 17.176 14.928C16.96 14.784 16.888 14.496 17.032 14.256C18.088 12.696 18.64 10.872 18.64 9.00003C18.64 7.12803 18.088 5.32803 17.056 3.74403C16.912 3.52803 16.96 3.21603 17.2 3.07203C17.416 2.92803 17.728 3.00003 17.872 3.21603C19 4.94403 19.6 6.93603 19.6 9.00003ZM17.152 9.00003C17.152 10.392 16.792 11.784 16.096 13.032C16 13.176 15.856 13.272 15.688 13.272C15.616 13.272 15.52 13.248 15.448 13.2C15.208 13.08 15.136 12.768 15.256 12.552C15.88 11.472 16.192 10.248 16.192 9.00003C16.192 7.75203 15.88 6.52803 15.256 5.44803C15.136 5.20803 15.208 4.92003 15.448 4.80003C15.688 4.68003 15.976 4.75203 16.096 4.96803C16.792 6.21603 17.152 7.60803 17.152 9.00003ZM14.704 9.00003C14.704 9.76803 14.56 10.488 14.272 11.184C14.2 11.376 14.008 11.472 13.84 11.472C13.792 11.472 13.72 11.472 13.648 11.448C13.408 11.352 13.288 11.064 13.384 10.824C13.624 10.248 13.744 9.64803 13.744 9.00003C13.744 8.35203 13.624 7.75203 13.384 7.17603C13.288 6.93603 13.408 6.64803 13.648 6.55203C13.888 6.45603 14.176 6.57603 14.272 6.81603C14.56 7.51203 14.704 8.25603 14.704 9.00003ZM11.92 0.840029V17.16C11.92 17.352 11.8 17.52 11.632 17.592C11.56 17.616 11.512 17.64 11.44 17.64C11.32 17.64 11.2 17.592 11.104 17.496L6.68802 13.08H0.880024C0.616024 13.08 0.400024 12.864 0.400024 12.6V5.40003C0.400024 5.13603 0.616024 4.92003 0.880024 4.92003H6.68802L11.104 0.504029C11.248 0.360029 11.44 0.336029 11.632 0.408029C11.8 0.480029 11.92 0.648029 11.92 0.840029ZM6.40002 5.88003H1.36002V12.12H6.40002V5.88003ZM10.96 1.99203L7.36002 5.59203V12.384L10.96 15.984V1.99203Z",
+    fill: color
+  }));
+};
+
 var Grid_2x2 = function Grid_2x2(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -851,11 +885,14 @@ var Key = function Key(_ref) {
     width: size,
     height: size,
     strokeWidth: weight,
-    viewBox: "0 0 14 14",
+    viewBox: "0 0 15 15",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    d: "M5.66665 0.333332H2.33331C1.80288 0.333332 1.29417 0.544046 0.919099 0.919119C0.544027 1.29419 0.333313 1.8029 0.333313 2.33333V5.66667C0.333313 5.84348 0.403551 6.01305 0.528575 6.13807C0.653599 6.26309 0.823169 6.33333 0.99998 6.33333H5.66665C5.84346 6.33333 6.01303 6.26309 6.13805 6.13807C6.26307 6.01305 6.33331 5.84348 6.33331 5.66667V0.999999C6.33331 0.823188 6.26307 0.653618 6.13805 0.528594C6.01303 0.40357 5.84346 0.333332 5.66665 0.333332ZM4.99998 5H1.66665V2.33333C1.66665 2.15652 1.73688 1.98695 1.86191 1.86193C1.98693 1.7369 2.1565 1.66667 2.33331 1.66667H4.99998V5ZM11.6666 0.333332H8.33331C8.1565 0.333332 7.98693 0.40357 7.86191 0.528594C7.73688 0.653618 7.66665 0.823188 7.66665 0.999999V5.66667C7.66665 5.84348 7.73688 6.01305 7.86191 6.13807C7.98693 6.26309 8.1565 6.33333 8.33331 6.33333H13C13.1768 6.33333 13.3464 6.26309 13.4714 6.13807C13.5964 6.01305 13.6666 5.84348 13.6666 5.66667V2.33333C13.6666 1.8029 13.4559 1.29419 13.0809 0.919119C12.7058 0.544046 12.1971 0.333332 11.6666 0.333332ZM12.3333 5H8.99998V1.66667H11.6666C11.8435 1.66667 12.013 1.7369 12.1381 1.86193C12.2631 1.98695 12.3333 2.15652 12.3333 2.33333V5ZM5.66665 7.66667H0.99998C0.823169 7.66667 0.653599 7.7369 0.528575 7.86193C0.403551 7.98695 0.333313 8.15652 0.333313 8.33333V11.6667C0.333313 12.1971 0.544027 12.7058 0.919099 13.0809C1.29417 13.456 1.80288 13.6667 2.33331 13.6667H5.66665C5.84346 13.6667 6.01303 13.5964 6.13805 13.4714C6.26307 13.3464 6.33331 13.1768 6.33331 13V8.33333C6.33331 8.15652 6.26307 7.98695 6.13805 7.86193C6.01303 7.7369 5.84346 7.66667 5.66665 7.66667ZM4.99998 12.3333H2.33331C2.1565 12.3333 1.98693 12.2631 1.86191 12.1381C1.73688 12.013 1.66665 11.8435 1.66665 11.6667V9H4.99998V12.3333ZM13 7.66667H8.33331C8.1565 7.66667 7.98693 7.7369 7.86191 7.86193C7.73688 7.98695 7.66665 8.15652 7.66665 8.33333V13C7.66665 13.1768 7.73688 13.3464 7.86191 13.4714C7.98693 13.5964 8.1565 13.6667 8.33331 13.6667H11.6666C12.1971 13.6667 12.7058 13.456 13.0809 13.0809C13.4559 12.7058 13.6666 12.1971 13.6666 11.6667V8.33333C13.6666 8.15652 13.5964 7.98695 13.4714 7.86193C13.3464 7.7369 13.1768 7.66667 13 7.66667ZM12.3333 11.6667C12.3333 11.8435 12.2631 12.013 12.1381 12.1381C12.013 12.2631 11.8435 12.3333 11.6666 12.3333H8.99998V9H12.3333V11.6667Z",
+    d: "M12.75 14.06C12.5778 14.0604 12.4073 14.0269 12.2481 13.9612C12.0889 13.8956 11.9443 13.7992 11.8225 13.6775L11.28 13.135L10.5 13.915C10.4532 13.9616 10.3898 13.9877 10.3238 13.9877C10.2577 13.9877 10.1944 13.9616 10.1475 13.915L9.08751 12.855C9.04095 12.8082 9.01481 12.7448 9.01481 12.6787C9.01481 12.6127 9.04095 12.5493 9.08751 12.5025L9.86751 11.7225L9.53001 11.385L8.75001 12.165C8.70317 12.2116 8.63981 12.2377 8.57376 12.2377C8.50771 12.2377 8.44435 12.2116 8.39751 12.165L7.33751 11.105C7.29095 11.0582 7.26481 10.9948 7.26481 10.9287C7.26481 10.8627 7.29095 10.7993 7.33751 10.7525L8.11751 9.9725L5.75001 7.5975C4.89927 8.01129 3.9294 8.11016 3.01266 7.87654C2.09592 7.64292 1.29166 7.09194 0.74271 6.32146C0.193762 5.55098 -0.0643344 4.61087 0.0142612 3.6681C0.0928569 2.72534 0.503057 1.84094 1.17201 1.17199C1.84096 0.503042 2.72535 0.0928416 3.66812 0.014246C4.61088 -0.0643497 5.55099 0.193747 6.32148 0.742695C7.09196 1.29164 7.64294 2.09591 7.87655 3.01265C8.11017 3.92939 8.0113 4.89925 7.59751 5.75L13.6775 11.8225C13.8612 12.0057 13.9863 12.2393 14.0371 12.4938C14.0878 12.7482 14.0619 13.012 13.9625 13.2516C13.8632 13.4913 13.6949 13.6961 13.4791 13.84C13.2632 13.9839 13.0095 14.0605 12.75 14.06ZM11.28 12.53C11.3129 12.5298 11.3455 12.5361 11.376 12.5486C11.4064 12.561 11.4342 12.5793 11.4575 12.6025L12.1775 13.3225C12.332 13.4703 12.5375 13.5527 12.7513 13.5527C12.965 13.5527 13.1705 13.4703 13.325 13.3225C13.4005 13.2472 13.4604 13.1578 13.5013 13.0594C13.5422 12.9609 13.5633 12.8554 13.5633 12.7487C13.5633 12.6421 13.5422 12.5366 13.5013 12.4381C13.4604 12.3397 13.4005 12.2502 13.325 12.175L7.11501 5.97C7.07663 5.93172 7.05174 5.882 7.04407 5.82835C7.03641 5.77469 7.04639 5.71999 7.07251 5.6725C7.475 4.93337 7.59767 4.07396 7.41806 3.25173C7.23845 2.42951 6.76858 1.69954 6.09455 1.19557C5.42051 0.691605 4.58745 0.447388 3.748 0.507671C2.90855 0.567954 2.11893 0.928699 1.52382 1.52381C0.928714 2.11892 0.567969 2.90853 0.507686 3.74798C0.447404 4.58743 0.69162 5.4205 1.19559 6.09453C1.69956 6.76857 2.42953 7.23844 3.25175 7.41805C4.07397 7.59766 4.93338 7.47498 5.67251 7.0725C5.72 7.04637 5.7747 7.03639 5.82836 7.04406C5.88202 7.05172 5.93173 7.07662 5.97001 7.115L8.64751 9.7925C8.69407 9.83934 8.72021 9.9027 8.72021 9.96875C8.72021 10.0348 8.69407 10.0982 8.64751 10.145L7.86751 10.925L8.57501 11.6325L9.35501 10.8525C9.40185 10.8059 9.46521 10.7798 9.53126 10.7798C9.59731 10.7798 9.66067 10.8059 9.70751 10.8525L10.3975 11.5425C10.4441 11.5893 10.4702 11.6527 10.4702 11.7187C10.4702 11.7848 10.4441 11.8482 10.3975 11.895L9.61751 12.675L10.325 13.3825L11.105 12.6025C11.1516 12.5563 11.2144 12.5303 11.28 12.53Z",
+    fill: color
+  }), React__default.createElement("path", {
+    d: "M4 6C3.60444 6 3.21776 5.8827 2.88886 5.66294C2.55996 5.44318 2.30362 5.13082 2.15224 4.76537C2.00087 4.39992 1.96126 3.99778 2.03843 3.60982C2.1156 3.22186 2.30608 2.86549 2.58579 2.58579C2.86549 2.30608 3.22186 2.1156 3.60982 2.03843C3.99778 1.96126 4.39992 2.00087 4.76537 2.15224C5.13082 2.30362 5.44318 2.55996 5.66294 2.88886C5.8827 3.21776 6 3.60444 6 4C6 4.53043 5.78929 5.03914 5.41421 5.41421C5.03914 5.78929 4.53043 6 4 6ZM4 2.5C3.70333 2.5 3.41332 2.58797 3.16665 2.7528C2.91997 2.91762 2.72771 3.15189 2.61418 3.42598C2.50065 3.70006 2.47095 4.00166 2.52882 4.29264C2.5867 4.58361 2.72956 4.85088 2.93934 5.06066C3.14912 5.27044 3.41639 5.4133 3.70737 5.47118C3.99834 5.52906 4.29994 5.49935 4.57403 5.38582C4.84812 5.27229 5.08238 5.08003 5.24721 4.83336C5.41203 4.58668 5.5 4.29667 5.5 4C5.5 3.60218 5.34197 3.22065 5.06066 2.93934C4.77936 2.65804 4.39783 2.5 4 2.5Z",
     fill: color
   }));
 };
@@ -908,14 +945,13 @@ var Grid_2x2_Hollow = function Grid_2x2_Hollow(_ref) {
   }));
 };
 
-var Filter = function Filter(_ref) {
+var Filter_1 = function Filter_1(_ref) {
   var size = _ref.size,
     color = _ref.color,
     weight = _ref.weight;
   return React__default.createElement("svg", {
     width: size,
     height: size,
-    stroke: color,
     strokeWidth: weight,
     viewBox: "0 0 14 16",
     fill: "none",
@@ -930,6 +966,23 @@ var Filter = function Filter(_ref) {
   }));
 };
 
+var Filter_2 = function Filter_2(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 16 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M1 2.50002H1.071C1.18014 2.92881 1.42903 3.30902 1.77836 3.58057C2.12769 3.85213 2.55754 3.99955 3 3.99955C3.44246 3.99955 3.87231 3.85213 4.22164 3.58057C4.57097 3.30902 4.81986 2.92881 4.929 2.50002H15C15.1326 2.50002 15.2598 2.44734 15.3536 2.35357C15.4473 2.25981 15.5 2.13263 15.5 2.00002C15.5 1.86741 15.4473 1.74024 15.3536 1.64647C15.2598 1.5527 15.1326 1.50002 15 1.50002H4.929C4.81986 1.07123 4.57097 0.691022 4.22164 0.419466C3.87231 0.147911 3.44246 0.000488281 3 0.000488281C2.55754 0.000488281 2.12769 0.147911 1.77836 0.419466C1.42903 0.691022 1.18014 1.07123 1.071 1.50002H1C0.867392 1.50002 0.740215 1.5527 0.646447 1.64647C0.552678 1.74024 0.5 1.86741 0.5 2.00002C0.5 2.13263 0.552678 2.25981 0.646447 2.35357C0.740215 2.44734 0.867392 2.50002 1 2.50002ZM3 1.00002C3.19778 1.00002 3.39112 1.05867 3.55557 1.16855C3.72002 1.27843 3.84819 1.43461 3.92388 1.61734C3.99957 1.80006 4.01937 2.00113 3.98079 2.19511C3.9422 2.38909 3.84696 2.56728 3.70711 2.70713C3.56725 2.84698 3.38907 2.94222 3.19509 2.98081C3.00111 3.01939 2.80004 2.99959 2.61732 2.9239C2.43459 2.84821 2.27841 2.72004 2.16853 2.55559C2.05865 2.39114 2 2.1978 2 2.00002C2 1.7348 2.10536 1.48045 2.29289 1.29291C2.48043 1.10538 2.73478 1.00002 3 1.00002ZM15 6.50002H14.929C14.8199 6.07123 14.571 5.69102 14.2216 5.41947C13.8723 5.14791 13.4425 5.00049 13 5.00049C12.5575 5.00049 12.1277 5.14791 11.7784 5.41947C11.429 5.69102 11.1801 6.07123 11.071 6.50002H1C0.867392 6.50002 0.740215 6.5527 0.646447 6.64647C0.552678 6.74024 0.5 6.86741 0.5 7.00002C0.5 7.13263 0.552678 7.25981 0.646447 7.35357C0.740215 7.44734 0.867392 7.50002 1 7.50002H11.071C11.1801 7.92881 11.429 8.30902 11.7784 8.58057C12.1277 8.85213 12.5575 8.99955 13 8.99955C13.4425 8.99955 13.8723 8.85213 14.2216 8.58057C14.571 8.30902 14.8199 7.92881 14.929 7.50002H15C15.1326 7.50002 15.2598 7.44734 15.3536 7.35357C15.4473 7.25981 15.5 7.13263 15.5 7.00002C15.5 6.86741 15.4473 6.74024 15.3536 6.64647C15.2598 6.5527 15.1326 6.50002 15 6.50002ZM13 8.00002C12.8022 8.00002 12.6089 7.94137 12.4444 7.83149C12.28 7.72161 12.1518 7.56543 12.0761 7.3827C12.0004 7.19998 11.9806 6.99891 12.0192 6.80493C12.0578 6.61095 12.153 6.43277 12.2929 6.29291C12.4327 6.15306 12.6109 6.05782 12.8049 6.01924C12.9989 5.98065 13.2 6.00045 13.3827 6.07614C13.5654 6.15183 13.7216 6.28 13.8315 6.44445C13.9414 6.6089 14 6.80224 14 7.00002C14 7.26524 13.8946 7.51959 13.7071 7.70713C13.5196 7.89466 13.2652 8.00002 13 8.00002ZM15 11.5H9.929C9.81986 11.0712 9.57097 10.691 9.22164 10.4195C8.87231 10.1479 8.44246 10.0005 8 10.0005C7.55754 10.0005 7.12769 10.1479 6.77836 10.4195C6.42903 10.691 6.18014 11.0712 6.071 11.5H1C0.867392 11.5 0.740215 11.5527 0.646447 11.6465C0.552678 11.7402 0.5 11.8674 0.5 12C0.5 12.1326 0.552678 12.2598 0.646447 12.3536C0.740215 12.4473 0.867392 12.5 1 12.5H6.071C6.18014 12.9288 6.42903 13.309 6.77836 13.5806C7.12769 13.8521 7.55754 13.9996 8 13.9996C8.44246 13.9996 8.87231 13.8521 9.22164 13.5806C9.57097 13.309 9.81986 12.9288 9.929 12.5H15C15.1326 12.5 15.2598 12.4473 15.3536 12.3536C15.4473 12.2598 15.5 12.1326 15.5 12C15.5 11.8674 15.4473 11.7402 15.3536 11.6465C15.2598 11.5527 15.1326 11.5 15 11.5ZM8 13C7.80222 13 7.60888 12.9414 7.44443 12.8315C7.27998 12.7216 7.15181 12.5654 7.07612 12.3827C7.00043 12.2 6.98063 11.9989 7.01921 11.8049C7.0578 11.6109 7.15304 11.4328 7.29289 11.2929C7.43275 11.1531 7.61093 11.0578 7.80491 11.0192C7.99889 10.9806 8.19996 11.0005 8.38268 11.0761C8.56541 11.1518 8.72159 11.28 8.83147 11.4445C8.94135 11.6089 9 11.8022 9 12C9 12.2652 8.89464 12.5196 8.70711 12.7071C8.51957 12.8947 8.26522 13 8 13Z",
+    fill: color
+  }));
+};
+
 var Team = function Team(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1026,6 +1079,24 @@ var Logout = function Logout(_ref) {
   }));
 };
 
+var MediumVolume = function MediumVolume(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? '10px' : _ref$weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 20 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M12.625 24.1552V-0.155273L5.34475 7.12498H0.625V16.875H5.34475L12.625 24.1552ZM1.375 7.87498H5.65525L11.875 1.65523V22.3447L5.65525 16.125H1.375V7.87498ZM15.25 15.375V16.125C17.5244 16.125 19.375 14.2744 19.375 12C19.375 9.7256 17.5244 7.87498 15.25 7.87498V8.62498C17.1107 8.62498 18.625 10.1392 18.625 12C18.625 13.8607 17.1107 15.375 15.25 15.375Z",
+    fill: color
+  }));
+};
+
 var Mute = function Mute(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1045,6 +1116,24 @@ var Mute = function Mute(_ref) {
   }));
 };
 
+var MuteVolume = function MuteVolume(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? '10px' : _ref$weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 22 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M12.125 24.1552V-0.155273L4.84475 7.12498H0.125V16.875H4.84475L12.125 24.1552ZM0.875 7.87498H5.15525L11.375 1.65523V22.3447L5.15525 16.125H0.875V7.87498ZM21.2349 8.35985L18.125 11.4697L15.0151 8.35985L14.4849 8.8901L17.5947 12L14.4849 15.1099L15.0151 15.6401L18.125 12.5302L21.2349 15.6401L21.7651 15.1099L18.6553 12L21.7651 8.8901L21.2349 8.35985Z",
+    fill: color
+  }));
+};
+
 var Notifications = function Notifications(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1409,7 +1498,7 @@ var CircularPause = function CircularPause(_ref) {
   }));
 };
 
-var Volume = function Volume(_ref) {
+var CircularWarning = function CircularWarning(_ref) {
   var size = _ref.size,
     color = _ref.color,
     weight = _ref.weight;
@@ -1417,11 +1506,11 @@ var Volume = function Volume(_ref) {
     width: size,
     height: size,
     strokeWidth: weight,
-    viewBox: "0 0 20 18",
+    viewBox: "0 0 10 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    d: "M19.6 9.00003C19.6 11.064 19 13.056 17.848 14.784C17.752 14.928 17.608 15 17.44 15C17.344 15 17.248 14.976 17.176 14.928C16.96 14.784 16.888 14.496 17.032 14.256C18.088 12.696 18.64 10.872 18.64 9.00003C18.64 7.12803 18.088 5.32803 17.056 3.74403C16.912 3.52803 16.96 3.21603 17.2 3.07203C17.416 2.92803 17.728 3.00003 17.872 3.21603C19 4.94403 19.6 6.93603 19.6 9.00003ZM17.152 9.00003C17.152 10.392 16.792 11.784 16.096 13.032C16 13.176 15.856 13.272 15.688 13.272C15.616 13.272 15.52 13.248 15.448 13.2C15.208 13.08 15.136 12.768 15.256 12.552C15.88 11.472 16.192 10.248 16.192 9.00003C16.192 7.75203 15.88 6.52803 15.256 5.44803C15.136 5.20803 15.208 4.92003 15.448 4.80003C15.688 4.68003 15.976 4.75203 16.096 4.96803C16.792 6.21603 17.152 7.60803 17.152 9.00003ZM14.704 9.00003C14.704 9.76803 14.56 10.488 14.272 11.184C14.2 11.376 14.008 11.472 13.84 11.472C13.792 11.472 13.72 11.472 13.648 11.448C13.408 11.352 13.288 11.064 13.384 10.824C13.624 10.248 13.744 9.64803 13.744 9.00003C13.744 8.35203 13.624 7.75203 13.384 7.17603C13.288 6.93603 13.408 6.64803 13.648 6.55203C13.888 6.45603 14.176 6.57603 14.272 6.81603C14.56 7.51203 14.704 8.25603 14.704 9.00003ZM11.92 0.840029V17.16C11.92 17.352 11.8 17.52 11.632 17.592C11.56 17.616 11.512 17.64 11.44 17.64C11.32 17.64 11.2 17.592 11.104 17.496L6.68802 13.08H0.880024C0.616024 13.08 0.400024 12.864 0.400024 12.6V5.40003C0.400024 5.13603 0.616024 4.92003 0.880024 4.92003H6.68802L11.104 0.504029C11.248 0.360029 11.44 0.336029 11.632 0.408029C11.8 0.480029 11.92 0.648029 11.92 0.840029ZM6.40002 5.88003H1.36002V12.12H6.40002V5.88003ZM10.96 1.99203L7.36002 5.59203V12.384L10.96 15.984V1.99203Z",
+    d: "M4.99996 0.779297C4.16517 0.779297 3.34912 1.02684 2.65502 1.49063C1.96091 1.95441 1.41993 2.61361 1.10046 3.38486C0.781004 4.1561 0.697418 5.00476 0.860278 5.82351C1.02314 6.64226 1.42513 7.39433 2.01541 7.98462C2.6057 8.57491 3.35777 8.9769 4.17652 9.13976C4.99528 9.30262 5.84393 9.21903 6.61518 8.89957C7.38643 8.58011 8.04562 8.03912 8.50941 7.34502C8.97319 6.65091 9.22074 5.83487 9.22074 5.00008C9.21946 3.88105 8.77436 2.80822 7.98309 2.01695C7.19181 1.22568 6.11899 0.780579 4.99996 0.779297ZM4.99996 8.75211C4.25788 8.75211 3.53246 8.53206 2.91544 8.11978C2.29842 7.7075 1.81752 7.12151 1.53353 6.43592C1.24955 5.75032 1.17525 4.99592 1.32002 4.26809C1.46479 3.54027 1.82214 2.87172 2.34687 2.34699C2.8716 1.82226 3.54015 1.46491 4.26797 1.32014C4.9958 1.17537 5.7502 1.24967 6.4358 1.53365C7.12139 1.81764 7.70738 2.29854 8.11966 2.91556C8.53194 3.53258 8.75199 4.258 8.75199 5.00008C8.75083 5.99482 8.35516 6.94849 7.65177 7.65189C6.94837 8.35528 5.9947 8.75095 4.99996 8.75211ZM5.55793 3.63664C5.54965 4.21352 5.31261 5.15023 5.15011 5.72758C5.14078 5.76022 5.12107 5.78894 5.09397 5.80939C5.06686 5.82983 5.03383 5.84089 4.99988 5.84089C4.96593 5.84089 4.9329 5.82983 4.90579 5.80939C4.87869 5.78894 4.85898 5.76022 4.84965 5.72758C4.68418 5.13977 4.44168 4.1807 4.44168 3.60617C4.4417 3.52543 4.45922 3.44565 4.49304 3.37233C4.52686 3.29901 4.57618 3.23389 4.63759 3.18147C4.699 3.12904 4.77105 3.09055 4.84876 3.06865C4.92648 3.04675 5.00802 3.04196 5.08777 3.05461C5.22295 3.07903 5.34484 3.15127 5.43116 3.25813C5.51748 3.36499 5.56248 3.49934 5.55793 3.63664ZM5.37043 6.58148C5.37043 6.65494 5.34863 6.72675 5.30781 6.78782C5.26698 6.84889 5.20895 6.89647 5.14107 6.92455C5.07318 6.95262 4.9985 6.95993 4.92646 6.94554C4.85442 6.93115 4.78828 6.89572 4.73639 6.84372C4.6845 6.79172 4.6492 6.7255 4.63496 6.65343C4.62073 6.58137 4.62819 6.50669 4.65641 6.43887C4.68463 6.37105 4.73234 6.31312 4.79349 6.27242C4.85464 6.23172 4.9265 6.21008 4.99996 6.21023C5.09842 6.21023 5.19285 6.24935 5.26247 6.31897C5.33209 6.38859 5.37121 6.48302 5.37121 6.58148H5.37043Z",
     fill: color
   }));
 };
@@ -1540,26 +1629,12 @@ var ThreeDots = function ThreeDots(_ref) {
   }));
 };
 
-var ExitFullScreen = function ExitFullScreen(_ref) {
-  var size = _ref.size,
-    color = _ref.color,
-    weight = _ref.weight;
-  return React__default.createElement("svg", {
-    width: size,
-    height: size,
-    strokeWidth: weight,
-    viewBox: "0 0 18 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React__default.createElement("path", {
-    d: "M1 8H4C6.20557 8 8 6.20557 8 4V1C8 0.447754 7.55225 0 7 0C6.44775 0 6 0.447754 6 1V4C6 5.10303 5.10303 6 4 6H1C0.447754 6 0 6.44775 0 7C0 7.55225 0.447754 8 1 8ZM14 8H17C17.5522 8 18 7.55225 18 7C18 6.44775 17.5522 6 17 6H14C12.897 6 12 5.10303 12 4V1C12 0.447754 11.5522 0 11 0C10.4478 0 10 0.447754 10 1V4C10 6.20557 11.7944 8 14 8ZM11 18C11.5522 18 12 17.5522 12 17V14C12 12.897 12.897 12 14 12H17C17.5522 12 18 11.5522 18 11C18 10.4478 17.5522 10 17 10H14C11.7944 10 10 11.7944 10 14V17C10 17.5522 10.4478 18 11 18ZM1 12H4C5.10303 12 6 12.897 6 14V17C6 17.5522 6.44775 18 7 18C7.55225 18 8 17.5522 8 17V14C8 11.7944 6.20557 10 4 10H1C0.447754 10 0 10.4478 0 11C0 11.5522 0.447754 12 1 12Z",
-    fill: color
-  }));
-};
-
 var _templateObject, _templateObject2, _templateObject3;
 var wrapperCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  svg {\n    overflow: visible;\n    vector-effect: non-scaling-stroke;\n    line,\n    path,\n    circle,\n    ellipse,\n    foreignObject,\n    polygon,\n    polyline,\n    rect,\n    text,\n    textPath,\n    tspan {\n      vector-effect: non-scaling-stroke;\n    }\n  }\n"])));
-var IconWrapper = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ", ";\n"])), wrapperCss);
+var IconWrapper = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  ", ";\n"])), function (_ref) {
+  var clickable = _ref.clickable;
+  return clickable ? 'pointer' : 'default';
+}, wrapperCss);
 var IconWrapperForSVG = styled__default.g(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", ";\n"])), wrapperCss);
 var IconSVGs = {
   Add: Add,
@@ -1571,6 +1646,7 @@ var IconSVGs = {
   Circle: Circle,
   CircularPause: CircularPause,
   CircularPlay: CircularPlay,
+  CircularWarning: CircularWarning,
   Client: Client,
   Close: Close,
   CloseCircle: CloseCircle,
@@ -1583,10 +1659,12 @@ var IconSVGs = {
   ExitFullScreen: ExitFullScreen,
   FilesBox: FilesBox,
   FilledCircle: FilledCircle,
-  Filter: Filter,
+  Filter_1: Filter_1,
+  Filter_2: Filter_2,
   Forward_10_Sec: Forward_10_Sec,
   Forward: Forward,
   FullScreen: FullScreen,
+  FullVolume: FullVolume,
   Grid_2x2_Hollow: Grid_2x2_Hollow,
   Grid_2x2: Grid_2x2,
   Grid_3x3: Grid_3x3,
@@ -1600,7 +1678,9 @@ var IconSVGs = {
   Live: Live,
   Lock: Lock,
   Logout: Logout,
+  MediumVolume: MediumVolume,
   Mute: Mute,
+  MuteVolume: MuteVolume,
   NoCam: NoCam,
   Notifications: Notifications,
   Phone: Phone,
@@ -1620,26 +1700,26 @@ var IconSVGs = {
   ThumbsUp: ThumbsUp,
   Tick: Tick,
   Video: Video,
-  Volume: Volume,
   Wallet: Wallet,
   Zapper: Zapper
 };
-var Icon = function Icon(_ref) {
-  var icon = _ref.icon,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#AAB8C2' : _ref$color,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? '0px' : _ref$weight,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    onClick = _ref.onClick;
+var Icon = function Icon(_ref2) {
+  var icon = _ref2.icon,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? '#AAB8C2' : _ref2$color,
+    _ref2$weight = _ref2.weight,
+    weight = _ref2$weight === void 0 ? '2px' : _ref2$weight,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 24 : _ref2$size,
+    onClick = _ref2.onClick;
   var IconSVG = IconSVGs[icon];
   if (!IconSVG) {
     console.warn("Icon \"" + icon + "\" not found");
     return null;
   }
   return React__default.createElement(IconWrapper, {
-    onClick: onClick
+    onClick: onClick,
+    clickable: !!onClick
   }, React__default.createElement(IconSVG, {
     size: size,
     color: color,
@@ -1716,7 +1796,7 @@ var GlobalFonts = {
 };
 
 var _templateObject$2, _templateObject2$1;
-var StyledButton = styled__default.button(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  pointer-events: ", ";\n  cursor: ", ";\n  height: max-content \n  width: max-content;\n  box-sizing: border-box;\n  gap: ", ";\n  border-radius: ", ";\n  outline: none;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: ", ";\n\n  padding: ", ";\n\n  &:focus {\n    outline: none;\n  }\n\n\n  ", "\n"])), function (_ref) {
+var StyledButton = styled__default.button(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  pointer-events: ", ";\n  cursor: ", ";\n  height: max-content;\n  min-height: max-content;\n  width: max-content;\n  box-sizing: border-box;\n  gap: ", ";\n  border-radius: ", ";\n  outline: none;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: ", ";\n\n  padding: ", ";\n\n  &:focus {\n    outline: none;\n  }\n\n\n  ", "\n"])), function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? 'none' : 'auto';
 }, function (_ref2) {