labsense-ui-kit 1.2.18 → 1.2.20

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

@@ -27,6 +27,7 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $flexWrap?: string | undefined;
     $textAlign?: string | undefined;
     $overflow?: string | undefined;
+    $overflowWrap?: string | undefined;
     $overflowY?: string | undefined;
     $color?: string | undefined;
     $zIndex?: number | undefined;

package/dist/index.js

@@ -3773,7 +3773,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  transform: ", ";\n  box-shadow: ", ";\n  backdrop-filter: ", ";\n  white-space: ", ";\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-wrap: ", ";\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  white-space: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
   var $flex = _ref.$flex;
   return $flex;
 }, function (_ref2) {
@@ -3876,81 +3876,84 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
   var $overflow = _ref34.$overflow;
   return $overflow || 'visible';
 }, function (_ref35) {
-  var $overflowY = _ref35.$overflowY;
-  return $overflowY;
+  var $overflowWrap = _ref35.$overflowWrap;
+  return $overflowWrap;
 }, function (_ref36) {
-  var $zIndex = _ref36.$zIndex;
-  return $zIndex;
+  var $overflowY = _ref36.$overflowY;
+  return $overflowY;
 }, function (_ref37) {
-  var $scrollbarWidth = _ref37.$scrollbarWidth;
-  return $scrollbarWidth;
+  var $zIndex = _ref37.$zIndex;
+  return $zIndex;
 }, function (_ref38) {
-  var $border = _ref38.$border;
-  return $border;
+  var $scrollbarWidth = _ref38.$scrollbarWidth;
+  return $scrollbarWidth;
 }, function (_ref39) {
-  var $borderTop = _ref39.$borderTop;
-  return $borderTop;
+  var $border = _ref39.$border;
+  return $border;
 }, function (_ref40) {
-  var $borderBottom = _ref40.$borderBottom;
-  return $borderBottom;
+  var $borderTop = _ref40.$borderTop;
+  return $borderTop;
 }, function (_ref41) {
-  var $borderLeft = _ref41.$borderLeft;
-  return $borderLeft;
+  var $borderBottom = _ref41.$borderBottom;
+  return $borderBottom;
 }, function (_ref42) {
-  var $transition = _ref42.$transition;
-  return $transition;
+  var $borderLeft = _ref42.$borderLeft;
+  return $borderLeft;
 }, function (_ref43) {
-  var $transform = _ref43.$transform;
-  return $transform;
+  var $transition = _ref43.$transition;
+  return $transition;
 }, function (_ref44) {
-  var $boxShadow = _ref44.$boxShadow;
-  return $boxShadow;
+  var $transform = _ref44.$transform;
+  return $transform;
 }, function (_ref45) {
-  var $backDropFilter = _ref45.$backDropFilter;
-  return $backDropFilter;
+  var $boxShadow = _ref45.$boxShadow;
+  return $boxShadow;
 }, function (_ref46) {
-  var $whiteSpace = _ref46.$whiteSpace;
-  return $whiteSpace;
+  var $backDropFilter = _ref46.$backDropFilter;
+  return $backDropFilter;
 }, function (_ref47) {
-  var $hoverBackground = _ref47.$hoverBackground;
-  return $hoverBackground;
+  var $whiteSpace = _ref47.$whiteSpace;
+  return $whiteSpace;
 }, function (_ref48) {
-  var $hoverColor = _ref48.$hoverColor;
+  var $hoverBackground = _ref48.$hoverBackground;
+  return $hoverBackground;
+}, function (_ref49) {
+  var $hoverColor = _ref49.$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  white-space: ", ";\n"])), function (_ref49) {
-  var $fontFamily = _ref49.$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  white-space: ", ";\n"])), function (_ref50) {
+  var $fontFamily = _ref50.$fontFamily;
   return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
-}, function (_ref50) {
-  var $fontWeight = _ref50.$fontWeight;
-  return $fontWeight ? $fontWeight : '500';
 }, function (_ref51) {
-  var $fontSize = _ref51.$fontSize;
-  return $fontSize ? $fontSize : '16px';
+  var $fontWeight = _ref51.$fontWeight;
+  return $fontWeight ? $fontWeight : '500';
 }, function (_ref52) {
-  var $fontStyle = _ref52.$fontStyle;
-  return $fontStyle ? $fontStyle : 'normal';
+  var $fontSize = _ref52.$fontSize;
+  return $fontSize ? $fontSize : '16px';
 }, function (_ref53) {
-  var $color = _ref53.$color,
-    theme = _ref53.theme;
-  return $color ? $color : theme.text.medium;
+  var $fontStyle = _ref53.$fontStyle;
+  return $fontStyle ? $fontStyle : 'normal';
 }, function (_ref54) {
-  var $lineHeight = _ref54.$lineHeight;
-  return $lineHeight ? $lineHeight : '100%';
+  var $color = _ref54.$color,
+    theme = _ref54.theme;
+  return $color ? $color : theme.text.medium;
 }, function (_ref55) {
-  var $textAlign = _ref55.$textAlign;
-  return $textAlign ? $textAlign : 'center';
+  var $lineHeight = _ref55.$lineHeight;
+  return $lineHeight ? $lineHeight : '100%';
 }, function (_ref56) {
-  var $minWidth = _ref56.$minWidth;
-  return $minWidth;
+  var $textAlign = _ref56.$textAlign;
+  return $textAlign ? $textAlign : 'center';
 }, function (_ref57) {
-  var $width = _ref57.$width;
-  return $width;
+  var $minWidth = _ref57.$minWidth;
+  return $minWidth;
 }, function (_ref58) {
-  var $overflowWrap = _ref58.$overflowWrap;
-  return $overflowWrap;
+  var $width = _ref58.$width;
+  return $width;
 }, function (_ref59) {
-  var $whiteSpace = _ref59.$whiteSpace;
+  var $overflowWrap = _ref59.$overflowWrap;
+  return $overflowWrap;
+}, function (_ref60) {
+  var $whiteSpace = _ref60.$whiteSpace;
   return $whiteSpace;
 });
 
@@ -4805,7 +4808,7 @@ var ButtonComponent = function ButtonComponent(_ref21) {
   var loaderPos = loaderProps.loaderPosition || 'right';
   return React__default.createElement(StyledButton, {
     "$disabled": disabled,
-    onClick: onClick,
+    onClick: !disabled ? onClick : undefined,
     "$buttonWidth": buttonWidth,
     "$background": background,
     "$borderDefault": borderDefault,