labsense-ui-kit 1.2.6 → 1.2.8

package/dist/Container&Span/StyledComponents.d.ts

@@ -44,7 +44,9 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $hoverBackground?: string | undefined;
     $hoverColor?: string | undefined;
     $transition?: string | undefined;
+    $transform?: string | undefined;
     $boxShadow?: string | undefined;
+    $backDropFilter?: string | undefined;
 }>> & string;
 export declare const Span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $fontFamily?: string | undefined;

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

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

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

@@ -48,6 +48,7 @@ export { default as FPS } from './FPS';
 export { default as Free } from './Free';
 export { default as FullScreen } from './FullScreen';
 export { default as FullVolume } from './FullVolume';
+export { default as Globe } from './Globe';
 export { default as Grid_2x2_Hollow } from './Grid_2x2_Hollow';
 export { default as Grid_2x2 } from './Grid_2x2';
 export { default as Grid_3x3 } from './Grid_3x3';

package/dist/Icons/index.d.ts

@@ -9,7 +9,7 @@ export interface SVGProps {
     color: string;
     weight: string;
 }
-export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AI_Web' | 'App' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cube3D' | 'Cyber' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | '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' | 'InformationFilled' | 'IP' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'Media' | 'Monitor' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Tools' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Zapper';
+export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AI_Web' | 'App' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cube3D' | 'Cyber' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | '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' | 'InformationFilled' | 'IP' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'Media' | 'Monitor' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Tools' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Globe' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Zapper';
 export interface IconProps {
     icon: IconNames;
     size?: number;

package/dist/index.js

@@ -1182,6 +1182,138 @@ var FullVolume = function FullVolume(_ref) {
   }));
 };
 
+var Globe = function Globe(_ref) {
+  var size = _ref.size;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 1028 1028",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("g", {
+    filter: "url(#filter0_ddi_1510_3418)"
+  }, React__default.createElement("rect", {
+    x: "114",
+    y: "114",
+    width: "800",
+    height: "800",
+    rx: "400",
+    fill: "url(#paint0_linear_1510_3418)"
+  }), React__default.createElement("rect", {
+    x: "114",
+    y: "114",
+    width: "800",
+    height: "800",
+    rx: "400",
+    fill: "url(#paint1_radial_1510_3418)",
+    "fill-opacity": "0.6"
+  })), React__default.createElement("defs", null, React__default.createElement("filter", {
+    id: "filter0_ddi_1510_3418",
+    x: "0",
+    y: "0",
+    width: "1028",
+    height: "1028",
+    filterUnits: "userSpaceOnUse",
+    "color-interpolation-filters": "sRGB"
+  }, React__default.createElement("feFlood", {
+    "flood-opacity": "0",
+    result: "BackgroundImageFix"
+  }), React__default.createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), React__default.createElement("feOffset", null), React__default.createElement("feGaussianBlur", {
+    stdDeviation: "57"
+  }), React__default.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "out"
+  }), React__default.createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 0.8 0"
+  }), React__default.createElement("feBlend", {
+    mode: "normal",
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_1510_3418"
+  }), React__default.createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), React__default.createElement("feMorphology", {
+    radius: "5",
+    operator: "dilate",
+    "in": "SourceAlpha",
+    result: "effect2_dropShadow_1510_3418"
+  }), React__default.createElement("feOffset", null), React__default.createElement("feGaussianBlur", {
+    stdDeviation: "10"
+  }), React__default.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "out"
+  }), React__default.createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 1 0"
+  }), React__default.createElement("feBlend", {
+    mode: "normal",
+    in2: "effect1_dropShadow_1510_3418",
+    result: "effect2_dropShadow_1510_3418"
+  }), React__default.createElement("feBlend", {
+    mode: "normal",
+    "in": "SourceGraphic",
+    in2: "effect2_dropShadow_1510_3418",
+    result: "shape"
+  }), React__default.createElement("feColorMatrix", {
+    "in": "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), React__default.createElement("feMorphology", {
+    radius: "20",
+    operator: "erode",
+    "in": "SourceAlpha",
+    result: "effect3_innerShadow_1510_3418"
+  }), React__default.createElement("feOffset", null), React__default.createElement("feGaussianBlur", {
+    stdDeviation: "56"
+  }), React__default.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "arithmetic",
+    k2: "-1",
+    k3: "1"
+  }), React__default.createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 1 0"
+  }), React__default.createElement("feBlend", {
+    mode: "normal",
+    in2: "shape",
+    result: "effect3_innerShadow_1510_3418"
+  })), React__default.createElement("linearGradient", {
+    id: "paint0_linear_1510_3418",
+    x1: "914",
+    y1: "114",
+    x2: "114",
+    y2: "914",
+    gradientUnits: "userSpaceOnUse"
+  }, React__default.createElement("stop", {
+    "stop-color": "#CCEEFF"
+  }), React__default.createElement("stop", {
+    offset: "0.773726",
+    "stop-color": "#1849A9"
+  })), React__default.createElement("radialGradient", {
+    id: "paint1_radial_1510_3418",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientUnits: "userSpaceOnUse",
+    gradientTransform: "translate(514 514) rotate(90) scale(400)"
+  }, React__default.createElement("stop", {
+    "stop-color": "white"
+  }), React__default.createElement("stop", {
+    offset: "1",
+    "stop-color": "white",
+    "stop-opacity": "0"
+  }))));
+};
+
 var Grid_2x2_Hollow = function Grid_2x2_Hollow(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -3266,7 +3398,7 @@ var useCustomModal = function useCustomModal(_ref4) {
 };
 
 var _templateObject$1, _templateObject2$1;
-var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: ", ";\n  flex-wrap: ", ";\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";  \n  gap: ", ";\n  font-weight: ", ";\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  padding: ", ";\n  background: ", ";\n  object-fit:", ";\n  margin: ", ";\n  border-radius: ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom-left-radius: ", ";\n  cursor: ", ";\n  font-size: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n  position: ", ";\n  top: ", ";\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  text-align: ", "; \n  color: ", "; \n  overflow: ", ";\n  overflow-y: ", ";\n  z-index: ", "; \n  scrollbar-width: ", ";\n  border: ", "; \n  border-top: ", ";\n  border-bottom: ", ";\n  border-left: ", ";\n  transition: ", ";\n  box-shadow: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
+var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: ", ";\n  flex-wrap: ", ";\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";  \n  gap: ", ";\n  font-weight: ", ";\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  padding: ", ";\n  background: ", ";\n  object-fit:", ";\n  margin: ", ";\n  border-radius: ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom-left-radius: ", ";\n  cursor: ", ";\n  font-size: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n  position: ", ";\n  top: ", ";\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  text-align: ", "; \n  color: ", "; \n  overflow: ", ";\n  overflow-y: ", ";\n  z-index: ", "; \n  scrollbar-width: ", ";\n  border: ", "; \n  border-top: ", ";\n  border-bottom: ", ";\n  border-left: ", ";\n  transition: ", ";\n  transform: ", ";\n  box-shadow: ", ";\n  backdrop-filter: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
   var $flex = _ref.$flex;
   return $flex;
 }, function (_ref2) {
@@ -3393,45 +3525,51 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
   var $transition = _ref42.$transition;
   return $transition;
 }, function (_ref43) {
-  var $boxShadow = _ref43.$boxShadow;
-  return $boxShadow;
+  var $transform = _ref43.$transform;
+  return $transform;
 }, function (_ref44) {
-  var $hoverBackground = _ref44.$hoverBackground;
-  return $hoverBackground;
+  var $boxShadow = _ref44.$boxShadow;
+  return $boxShadow;
 }, function (_ref45) {
-  var $hoverColor = _ref45.$hoverColor;
+  var $backDropFilter = _ref45.$backDropFilter;
+  return $backDropFilter;
+}, function (_ref46) {
+  var $hoverBackground = _ref46.$hoverBackground;
+  return $hoverBackground;
+}, function (_ref47) {
+  var $hoverColor = _ref47.$hoverColor;
   return $hoverColor;
 });
-var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref46) {
-  var $fontFamily = _ref46.$fontFamily;
+var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref48) {
+  var $fontFamily = _ref48.$fontFamily;
   return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
-}, function (_ref47) {
-  var $fontWeight = _ref47.$fontWeight;
+}, function (_ref49) {
+  var $fontWeight = _ref49.$fontWeight;
   return $fontWeight ? $fontWeight : '500';
-}, function (_ref48) {
-  var $fontSize = _ref48.$fontSize;
+}, function (_ref50) {
+  var $fontSize = _ref50.$fontSize;
   return $fontSize ? $fontSize : '16px';
-}, function (_ref49) {
-  var $fontStyle = _ref49.$fontStyle;
+}, function (_ref51) {
+  var $fontStyle = _ref51.$fontStyle;
   return $fontStyle ? $fontStyle : 'normal';
-}, function (_ref50) {
-  var $color = _ref50.$color,
-    theme = _ref50.theme;
+}, function (_ref52) {
+  var $color = _ref52.$color,
+    theme = _ref52.theme;
   return $color ? $color : theme.text.medium;
-}, function (_ref51) {
-  var $lineHeight = _ref51.$lineHeight;
+}, function (_ref53) {
+  var $lineHeight = _ref53.$lineHeight;
   return $lineHeight ? $lineHeight : '100%';
-}, function (_ref52) {
-  var $textAlign = _ref52.$textAlign;
+}, function (_ref54) {
+  var $textAlign = _ref54.$textAlign;
   return $textAlign ? $textAlign : 'center';
-}, function (_ref53) {
-  var $minWidth = _ref53.$minWidth;
+}, function (_ref55) {
+  var $minWidth = _ref55.$minWidth;
   return $minWidth;
-}, function (_ref54) {
-  var $width = _ref54.$width;
+}, function (_ref56) {
+  var $width = _ref56.$width;
   return $width;
-}, function (_ref55) {
-  var $overflowWrap = _ref55.$overflowWrap;
+}, function (_ref57) {
+  var $overflowWrap = _ref57.$overflowWrap;
   return $overflowWrap;
 });
 
@@ -3733,6 +3871,7 @@ var IconSVGs = {
   Free: Free,
   FullScreen: FullScreen,
   FullVolume: FullVolume,
+  Globe: Globe,
   Grid_2x2_Hollow: Grid_2x2_Hollow,
   Grid_2x2: Grid_2x2,
   Grid_3x3: Grid_3x3,