labsense-ui-kit 1.0.35 → 1.0.37

package/dist/Buttons/Button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconNames } from '../Icons';
 export declare type buttonSizes = 'small' | 'medium' | 'large' | 'custom';
-export declare type buttonVariant = 'primary' | 'secondary' | 'tertiary' | 'error' | 'outline-primary' | 'outline-secondary' | 'outline-error';
+export declare type buttonVariant = 'primary' | 'secondary' | 'tertiary' | 'error' | 'outline-primary' | 'outline-secondary' | 'outline-error' | 'custom';
 export declare type iconPosition = 'right' | 'left';
 export interface ButtonLoaderProps {
     loading?: boolean;
@@ -14,6 +14,7 @@ export interface ButtonProps {
     icon?: IconNames;
     size?: buttonSizes;
     background?: string;
+    hoverColor?: string;
     color?: string;
     fontWeight?: string;
     fontSize?: string;
@@ -23,6 +24,7 @@ export interface ButtonProps {
     borderRadius?: string;
     padding?: string;
     gap?: string;
+    iconClick?: () => void;
     iconPosition?: iconPosition;
     iconWeight?: string;
     iconSize?: number;

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

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

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

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

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

@@ -27,6 +27,7 @@ export { default as ExitFullScreen } from './ExitFullScreen';
 export { default as FaceRecognition } from './FaceRecognition';
 export { default as FilesBox } from './FilesBox';
 export { default as FilledCircle } from './FilledCircle';
+export { default as FilledPin } from './FilledPin';
 export { default as Filter_1 } from './Filter_1';
 export { default as Filter_2 } from './Filter_2';
 export { default as Forward_10_Sec } from './Forward_10_Sec';
@@ -64,6 +65,7 @@ export { default as OpenBin } from './OpenBin';
 export { default as OpenEye } from './OpenEye';
 export { default as PasswordLock } from './PasswordLock';
 export { default as Phone } from './Phone';
+export { default as Pin } from './Pin';
 export { default as Play } from './Play';
 export { default as Playback } from './Playback';
 export { default as PremiumBadge } from './PremiumBadge';

package/dist/Icons/index.d.ts

@@ -9,13 +9,13 @@ 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' | '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' | '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' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
+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' | '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' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
 export interface IconProps {
     icon: IconNames;
     size?: number;
     color?: string;
     weight?: string;
-    onClick?: () => void;
+    onClick?: (() => void) | ((e: React.MouseEvent<any>) => void);
 }
 declare const Icon: React.FC<IconProps>;
 export { Icon };

package/dist/index.js

@@ -703,6 +703,23 @@ var FilledCircle = function FilledCircle(_ref) {
   }));
 };
 
+var FilledPin = function FilledPin(_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 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M11.6872 4.86874L8.48645 8.06946C8.73564 8.76288 8.83892 9.9228 7.76515 11.3499C7.68996 11.4499 7.59419 11.5325 7.4843 11.5922C7.37442 11.6519 7.25299 11.6874 7.12823 11.6961C7.10772 11.6975 7.08723 11.6983 7.06676 11.6983C6.95178 11.6983 6.83794 11.6756 6.73172 11.6316C6.62551 11.5876 6.52901 11.523 6.44773 11.4417L3.81221 8.80622L1.93409 10.6843C1.85205 10.7664 1.74077 10.8125 1.62473 10.8125C1.5087 10.8125 1.39741 10.7664 1.31536 10.6844C1.23331 10.6023 1.18721 10.491 1.1872 10.375C1.1872 10.259 1.23329 10.1477 1.31533 10.0656L3.19348 8.18748L0.547145 5.54115C0.460319 5.45422 0.392756 5.34999 0.348848 5.23524C0.30494 5.12049 0.285669 4.99779 0.292287 4.8751C0.298906 4.75242 0.331266 4.6325 0.387264 4.52314C0.443262 4.41378 0.521646 4.31743 0.61732 4.24034C2.00779 3.11861 3.33866 3.33955 3.92121 3.52225L7.13095 0.312483L7.13101 0.312428C7.29525 0.148626 7.51775 0.0566406 7.74972 0.0566406C7.98168 0.0566406 8.20418 0.148626 8.36842 0.312428L11.6872 3.63128C11.7685 3.71253 11.8329 3.80899 11.8769 3.91516C11.9209 4.02132 11.9435 4.13511 11.9435 4.25002C11.9435 4.36493 11.9209 4.47872 11.8769 4.58488C11.8329 4.69104 11.7684 4.7875 11.6872 4.86874Z",
+    fill: color
+  }));
+};
+
 var Filter_1 = function Filter_1(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1718,6 +1735,30 @@ var Phone = function Phone(_ref) {
   }));
 };
 
+var Pin = function Pin(_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 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    d: "M3.8125 8.1875L1.625 10.375",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React__default.createElement("path", {
+    d: "M7.44034 0.621793L4.03095 4.03118C4.03095 4.03118 2.5137 3.27256 0.891958 4.58082C0.844068 4.61937 0.804824 4.66757 0.776778 4.72228C0.748731 4.77699 0.732509 4.83698 0.729164 4.89837C0.72582 4.95976 0.735429 5.02117 0.757367 5.0786C0.779305 5.13603 0.81308 5.18821 0.856499 5.23173L6.75709 11.1323C6.80128 11.1766 6.85447 11.2109 6.91305 11.2329C6.97164 11.2549 7.03426 11.264 7.09668 11.2597C7.15911 11.2554 7.21988 11.2377 7.27489 11.2079C7.3299 11.1781 7.37786 11.1368 7.41554 11.0868C7.87454 10.4768 8.59547 9.22272 7.96845 7.96868L11.3778 4.55929C11.4599 4.47725 11.506 4.36597 11.506 4.24993C11.506 4.1339 11.4599 4.02262 11.3778 3.94057L8.05906 0.621793C7.97701 0.539746 7.86573 0.493652 7.7497 0.493652C7.63367 0.493652 7.52239 0.539746 7.44034 0.621793Z",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
 var Play = function Play(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -2457,6 +2498,7 @@ var IconSVGs = {
   FaceRecognition: FaceRecognition,
   FilesBox: FilesBox,
   FilledCircle: FilledCircle,
+  FilledPin: FilledPin,
   Filter_1: Filter_1,
   Filter_2: Filter_2,
   Forward_10_Sec: Forward_10_Sec,
@@ -2494,6 +2536,7 @@ var IconSVGs = {
   OpenEye: OpenEye,
   PasswordLock: PasswordLock,
   Phone: Phone,
+  Pin: Pin,
   Play: Play,
   Playback: Playback,
   PremiumBadge: PremiumBadge,
@@ -2748,7 +2791,9 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
   var variant = _ref14.variant,
     disabled = _ref14.disabled,
     borderHover = _ref14.borderHover,
-    borderDefault = _ref14.borderDefault;
+    borderDefault = _ref14.borderDefault,
+    background = _ref14.background,
+    color = _ref14.color;
   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        ";
@@ -2764,6 +2809,8 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
       return "\n            background: " + colorVariables["default"].tertiary + ";\n            color: " + (disabled ? colorVariables.disabled.secondary : colorVariables["default"].secondary) + ";\n            border: " + (disabled ? "1px solid " + colorVariables.disabled.secondary : "1px solid " + colorVariables["default"].secondary) + ";\n            &:hover{\n              border: 1px solid " + colorVariables.hover.secondary + ";\n              color: " + colorVariables.text.white + ";\n              background: " + colorVariables.hover.secondary + ";\n            }\n        ";
     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        ";
     default:
       return '';
   }
@@ -2792,6 +2839,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     text = _ref20.text,
     size = _ref20.size,
     background = _ref20.background,
+    hoverColor = _ref20.hoverColor,
     color = _ref20.color,
     borderDefault = _ref20.borderDefault,
     borderHover = _ref20.borderHover,
@@ -2800,10 +2848,11 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     fontSize = _ref20.fontSize,
     fontFamily = _ref20.fontFamily,
     padding = _ref20.padding,
-    icon = _ref20.icon,
     gap = _ref20.gap,
     _ref20$variant = _ref20.variant,
     variant = _ref20$variant === void 0 ? 'primary' : _ref20$variant,
+    icon = _ref20.icon,
+    iconClick = _ref20.iconClick,
     _ref20$iconPosition = _ref20.iconPosition,
     iconPosition = _ref20$iconPosition === void 0 ? 'right' : _ref20$iconPosition,
     _ref20$iconWeight = _ref20.iconWeight,
@@ -2847,7 +2896,13 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     icon: icon,
     weight: iconWeight,
     size: iconSize ? iconSize : size === 'small' ? 6 : size === 'medium' ? 8 : 10,
-    color: variant === 'tertiary' && isHovered ? colorVariables.hover.primary : variant === 'tertiary' && disabled ? colorVariables.disabled.primary : variant === 'tertiary' ? colorVariables["default"].primary : variant === 'outline-primary' && isHovered ? colorVariables.text.white : variant === 'outline-primary' && disabled ? colorVariables.disabled.primary : variant === 'outline-primary' ? colorVariables["default"].primary : variant === 'outline-secondary' && isHovered ? colorVariables.text.white : variant === 'outline-secondary' && disabled ? colorVariables.disabled.secondary : variant === 'outline-secondary' ? colorVariables["default"].secondary : variant === 'outline-error' && isHovered ? colorVariables.text.white : variant === 'outline-error' && disabled ? colorVariables.disabled.error : variant === 'outline-error' ? colorVariables["default"].error : color ? color : colorVariables.text.white
+    onClick: function onClick(e) {
+      if (iconClick) {
+        e.stopPropagation();
+        iconClick();
+      }
+    },
+    color: variant === 'tertiary' && isHovered ? colorVariables.hover.primary : variant === 'tertiary' && disabled ? colorVariables.disabled.primary : variant === 'tertiary' ? colorVariables["default"].primary : variant === 'outline-primary' && isHovered ? colorVariables.text.white : variant === 'outline-primary' && disabled ? colorVariables.disabled.primary : variant === 'outline-primary' ? colorVariables["default"].primary : variant === 'outline-secondary' && isHovered ? colorVariables.text.white : variant === 'outline-secondary' && disabled ? colorVariables.disabled.secondary : variant === 'outline-secondary' ? colorVariables["default"].secondary : variant === 'outline-error' && isHovered ? colorVariables.text.white : variant === 'outline-error' && disabled ? colorVariables.disabled.error : variant === 'outline-error' ? colorVariables["default"].error : isHovered ? hoverColor : color ? color : colorVariables.text.white
   }), text && React__default.createElement(ButtonText, {
     size: size,
     fontFamily: fontFamily,