labsense-ui-kit 1.0.35 → 1.0.36

package/dist/index.modern.js

@@ -699,6 +699,23 @@ var FilledCircle = function FilledCircle(_ref) {
   }));
 };
 
+var FilledPin = function FilledPin(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.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,
@@ -1714,6 +1731,30 @@ var Phone = function Phone(_ref) {
   }));
 };
 
+var Pin = function Pin(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M3.8125 8.1875L1.625 10.375",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.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,
@@ -2453,6 +2494,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,
@@ -2490,6 +2532,7 @@ var IconSVGs = {
   OpenEye: OpenEye,
   PasswordLock: PasswordLock,
   Phone: Phone,
+  Pin: Pin,
   Play: Play,
   Playback: Playback,
   PremiumBadge: PremiumBadge,
@@ -2744,7 +2787,9 @@ var StyledButton = styled.button(_templateObject5 || (_templateObject5 = _tagged
   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        ";
@@ -2760,6 +2805,8 @@ var StyledButton = styled.button(_templateObject5 || (_templateObject5 = _tagged
       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 '';
   }
@@ -2796,10 +2843,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,
@@ -2843,6 +2891,12 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     icon: icon,
     weight: iconWeight,
     size: iconSize ? iconSize : size === 'small' ? 6 : size === 'medium' ? 8 : 10,
+    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 : color ? color : colorVariables.text.white
   }), text && React.createElement(ButtonText, {
     size: size,