labsense-ui-kit 1.1.3 → 1.1.5

package/dist/Buttons/Button.d.ts

@@ -16,6 +16,7 @@ export interface ButtonProps {
     background?: string;
     hoverColor?: string;
     color?: string;
+    colorHover?: string;
     fontWeight?: string;
     fontSize?: string;
     fontFamily?: string;

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

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

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

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

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

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

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

@@ -9,6 +9,7 @@ export { default as CCTV_1 } from './CCTV_1';
 export { default as CCTV_2 } from './CCTV_2';
 export { default as Circle } from './Circle';
 export { default as CircularEdit } from './CircularEdit';
+export { default as CircularFilledWarning } from './CircularFilledWarning';
 export { default as CircularPause } from './CircularPause';
 export { default as CircularPlay } from './CircularPlay';
 export { default as CircularWarning } from './CircularWarning';
@@ -47,6 +48,7 @@ export { default as Hexagon } from './Hexagon';
 export { default as Information } from './Information';
 export { default as Key } from './Key';
 export { default as KeyDown } from './KeyDown';
+export { default as LedBulb } from './LedBulb';
 export { default as LeftArrow } from './LeftArrow';
 export { default as Letter } from './Letter';
 export { default as Live } from './Live';
@@ -94,6 +96,7 @@ export { default as Team } from './Team';
 export { default as ThreeDots } from './ThreeDots';
 export { default as ThumbsUp } from './ThumbsUp';
 export { default as Tick } from './Tick';
+export { default as TriangularFilledWarning } from './TriangularFilledWarning';
 export { default as UnPinned } from './UnPinned';
 export { default as UpArrow } from './UpArrow';
 export { default as Video } from './Video';

package/dist/Icons/index.d.ts

@@ -9,7 +9,7 @@ export interface SVGProps {
     color: string;
     weight: string;
 }
-export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Phone' | 'Pin_2' | 'Pin' | 'Play' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
+export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Phone' | 'Pin_2' | 'Pin' | 'Play' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
 export interface IconProps {
     icon: IconNames;
     size?: number;

package/dist/index.js

@@ -453,6 +453,23 @@ var CircularEdit = function CircularEdit(_ref) {
   }));
 };
 
+var CircularFilledWarning = function CircularFilledWarning(_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 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M14 20.666C14.3778 20.666 14.6947 20.538 14.9507 20.282C15.2067 20.026 15.3342 19.7096 15.3333 19.3327V13.9993C15.3333 13.6216 15.2053 13.3051 14.9493 13.05C14.6933 12.7949 14.3769 12.6669 14 12.666C13.6231 12.6651 13.3067 12.7931 13.0507 13.05C12.7947 13.3069 12.6667 13.6233 12.6667 13.9993V19.3327C12.6667 19.7105 12.7947 20.0273 13.0507 20.2833C13.3067 20.5393 13.6231 20.6669 14 20.666ZM14 9.99935C14.3778 9.99935 14.6947 9.87135 14.9507 9.61535C15.2067 9.35935 15.3342 9.0429 15.3333 8.66602C15.3325 8.28913 15.2045 7.97268 14.9493 7.71668C14.6942 7.46068 14.3778 7.33268 14 7.33268C13.6222 7.33268 13.3058 7.46068 13.0507 7.71668C12.7956 7.97268 12.6676 8.28913 12.6667 8.66602C12.6658 9.0429 12.7938 9.35979 13.0507 9.61668C13.3076 9.87357 13.624 10.0011 14 9.99935ZM14 27.3327C12.1556 27.3327 10.4222 26.9825 8.80001 26.282C7.17779 25.5816 5.76667 24.6318 4.56667 23.4327C3.36667 22.2336 2.4169 20.8225 1.71734 19.1993C1.01778 17.5762 0.667562 15.8429 0.666673 13.9993C0.665785 12.1558 1.01601 10.4225 1.71734 8.79935C2.41867 7.17624 3.36845 5.76513 4.56667 4.56602C5.7649 3.3669 7.17601 2.41713 8.80001 1.71668C10.424 1.01624 12.1573 0.666016 14 0.666016C15.8427 0.666016 17.576 1.01624 19.2 1.71668C20.824 2.41713 22.2351 3.3669 23.4333 4.56602C24.6316 5.76513 25.5818 7.17624 26.284 8.79935C26.9862 10.4225 27.336 12.1558 27.3333 13.9993C27.3307 15.8429 26.9805 17.5762 26.2827 19.1993C25.5849 20.8225 24.6351 22.2336 23.4333 23.4327C22.2316 24.6318 20.8205 25.582 19.2 26.2833C17.5796 26.9847 15.8462 27.3345 14 27.3327Z",
+    fill: color
+  }));
+};
+
 var CircularPause = function CircularPause(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1505,6 +1522,23 @@ var KeyDown = function KeyDown(_ref) {
   }));
 };
 
+var LedBulb = function LedBulb(_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 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M1.76953 14.5469C1.76953 14.8926 2.04882 15.1719 2.39453 15.1719H13.6055C13.9512 15.1719 14.2305 14.8926 14.2305 14.5469V9.99609C14.2305 6.55469 11.4414 3.76562 8 3.76562C4.55859 3.76562 1.76953 6.55469 1.76953 9.99609V14.5469ZM3.17578 9.99609C3.17578 7.33203 5.33593 5.17188 8 5.17188C10.6641 5.17188 12.8242 7.33203 12.8242 9.99609V13.7656H5.89062V10.4258C5.89062 10.3184 5.80273 10.2305 5.69531 10.2305H4.83593C4.72851 10.2305 4.64062 10.3184 4.64062 10.4258V13.7656H3.17578V9.99609ZM2.23632 5.06445L3.00976 4.29102C3.07031 4.23047 3.07031 4.13086 3.00976 4.07031L1.68359 2.74414C1.65422 2.71506 1.61457 2.69875 1.57324 2.69875C1.53191 2.69875 1.49225 2.71506 1.46289 2.74414L0.689449 3.51758C0.66037 3.54694 0.644058 3.5866 0.644058 3.62793C0.644058 3.66926 0.66037 3.70891 0.689449 3.73828L2.01562 5.06445C2.07617 5.125 2.17382 5.125 2.23632 5.06445ZM15.3144 3.51758L14.541 2.74414C14.5116 2.71506 14.472 2.69875 14.4307 2.69875C14.3893 2.69875 14.3497 2.71506 14.3203 2.74414L12.9941 4.07031C12.9651 4.09968 12.9487 4.13934 12.9487 4.18066C12.9487 4.22199 12.9651 4.26165 12.9941 4.29102L13.7676 5.06445C13.8281 5.125 13.9277 5.125 13.9883 5.06445L15.3144 3.73828C15.375 3.67578 15.375 3.57812 15.3144 3.51758ZM14.25 16.4219H1.75C1.40429 16.4219 1.125 16.7012 1.125 17.0469V17.5156C1.125 17.6016 1.19531 17.6719 1.28125 17.6719H14.7187C14.8047 17.6719 14.875 17.6016 14.875 17.5156V17.0469C14.875 16.7012 14.5957 16.4219 14.25 16.4219ZM7.45312 2.51562H8.54687C8.63281 2.51562 8.70312 2.44531 8.70312 2.35938V0.484375C8.70312 0.398438 8.63281 0.328125 8.54687 0.328125H7.45312C7.36718 0.328125 7.29687 0.398438 7.29687 0.484375V2.35938C7.29687 2.44531 7.36718 2.51562 7.45312 2.51562Z",
+    fill: color
+  }));
+};
+
 var LeftArrow = function LeftArrow(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -2529,6 +2563,23 @@ var Tick = function Tick(_ref) {
   }));
 };
 
+var TriangularFilledWarning = function TriangularFilledWarning(_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 28 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M1.63334 24C1.38889 24 1.16667 23.9391 0.966672 23.8173C0.766672 23.6956 0.611117 23.5342 0.500006 23.3333C0.388895 23.1324 0.328006 22.9156 0.317339 22.6827C0.306673 22.4498 0.367562 22.2222 0.500006 22L12.8333 0.666667C12.9667 0.444444 13.1391 0.277778 13.3507 0.166667C13.5622 0.0555556 13.7787 0 14 0C14.2213 0 14.4382 0.0555556 14.6507 0.166667C14.8631 0.277778 15.0351 0.444444 15.1667 0.666667L27.5 22C27.6333 22.2222 27.6947 22.4502 27.684 22.684C27.6733 22.9178 27.612 23.1342 27.5 23.3333C27.388 23.5324 27.2324 23.6938 27.0333 23.8173C26.8342 23.9409 26.612 24.0018 26.3667 24H1.63334ZM14 20C14.3778 20 14.6947 19.872 14.9507 19.616C15.2067 19.36 15.3342 19.0436 15.3333 18.6667C15.3324 18.2898 15.2044 17.9733 14.9493 17.7173C14.6942 17.4613 14.3778 17.3333 14 17.3333C13.6222 17.3333 13.3058 17.4613 13.0507 17.7173C12.7956 17.9733 12.6676 18.2898 12.6667 18.6667C12.6658 19.0436 12.7938 19.3604 13.0507 19.6173C13.3076 19.8742 13.624 20.0018 14 20ZM14 16C14.3778 16 14.6947 15.872 14.9507 15.616C15.2067 15.36 15.3342 15.0436 15.3333 14.6667V10.6667C15.3333 10.2889 15.2053 9.97244 14.9493 9.71733C14.6933 9.46222 14.3769 9.33422 14 9.33333C13.6231 9.33245 13.3067 9.46044 13.0507 9.71733C12.7947 9.97422 12.6667 10.2907 12.6667 10.6667V14.6667C12.6667 15.0444 12.7947 15.3613 13.0507 15.6173C13.3067 15.8733 13.6231 16.0009 14 16Z",
+    fill: color
+  }));
+};
+
 var UnPinned = function UnPinned(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -2668,6 +2719,7 @@ var IconSVGs = {
   CCTV_2: CCTV_2,
   Circle: Circle,
   CircularEdit: CircularEdit,
+  CircularFilledWarning: CircularFilledWarning,
   CircularPause: CircularPause,
   CircularPlay: CircularPlay,
   CircularWarning: CircularWarning,
@@ -2706,6 +2758,7 @@ var IconSVGs = {
   Information: Information,
   Key: Key,
   KeyDown: KeyDown,
+  LedBulb: LedBulb,
   LeftArrow: LeftArrow,
   Letter: Letter,
   Live: Live,
@@ -2753,6 +2806,7 @@ var IconSVGs = {
   ThreeDots: ThreeDots,
   ThumbsUp: ThumbsUp,
   Tick: Tick,
+  TriangularFilledWarning: TriangularFilledWarning,
   UnPinned: UnPinned,
   UpArrow: UpArrow,
   Video: Video,
@@ -3138,7 +3192,8 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
     $borderHover = _ref14.$borderHover,
     $borderDefault = _ref14.$borderDefault,
     $background = _ref14.$background,
-    $color = _ref14.$color;
+    $color = _ref14.$color,
+    $colorHover = _ref14.$colorHover;
   switch ($variant) {
     case 'primary':
       return "\n          background: " + ($disabled ? colorVariables.disabled.primary : colorVariables["default"].primary) + ";\n          color: " + colorVariables.text.white + ";\n          border: " + ($disabled ? "1px solid " + colorVariables.disabled.primary : "1px solid " + colorVariables["default"].primary) + ";\n          &:hover {\n            background: " + colorVariables.hover.primary + ";\n            border: 1px solid " + colorVariables.hover.primary + ";\n          }\n        ";
@@ -3155,7 +3210,7 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
     case 'outline-error':
       return "\n          background: " + colorVariables["default"].tertiary + ";\n          color: " + ($disabled ? colorVariables.disabled.error : colorVariables["default"].error) + ";\n          border: " + ($disabled ? "1px solid " + colorVariables.disabled.error : "1px solid " + colorVariables["default"].error) + ";\n          &:hover{\n            border: 1px solid " + colorVariables.hover.error + ";\n            color: " + colorVariables.text.white + ";\n            background: " + colorVariables.hover.error + ";\n          }\n        ";
     case 'custom':
-      return "\n          background: " + $background + ";\n          color: " + $color + ";\n          border: " + ("1px solid " + $borderDefault) + ";\n          &:hover{\n            border: 1px solid " + $borderHover + ";\n            color: " + $color + ";\n            background: " + $borderHover + ";\n          }\n        ";
+      return "\n          background: " + $background + ";\n          color: " + $color + ";\n          border: " + ("1px solid " + $borderDefault) + ";\n          &:hover{\n            border: 1px solid " + $borderHover + ";\n            color: " + $colorHover + ";\n            background: " + $borderHover + ";\n          }\n        ";
     default:
       return '';
   }
@@ -3187,6 +3242,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     _ref20$hoverColor = _ref20.hoverColor,
     hoverColor = _ref20$hoverColor === void 0 ? colorVariables.text.white : _ref20$hoverColor,
     color = _ref20.color,
+    colorHover = _ref20.colorHover,
     borderDefault = _ref20.borderDefault,
     borderHover = _ref20.borderHover,
     borderRadius = _ref20.borderRadius,
@@ -3226,6 +3282,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     "$borderRadius": borderRadius,
     "$size": size,
     "$color": color,
+    "$colorHover": colorHover,
     "$padding": padding,
     "$variant": variant,
     onMouseEnter: function onMouseEnter() {