labsense-ui-kit 1.1.4 → 1.1.6

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/Container&Span/StyledComponents.d.ts

@@ -14,7 +14,6 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $padding?: string | undefined;
     $background?: string | undefined;
     $fontSize?: string | undefined;
-    $borderRadius?: string | undefined;
     $objectfit?: string | undefined;
     $margin?: string | undefined;
     $cursor?: string | undefined;
@@ -33,7 +32,9 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $zIndex?: number | undefined;
     $scrollbarWidth?: string | undefined;
     $border?: string | undefined;
-    $bottomborder?: string | undefined;
+    $borderRadius?: string | undefined;
+    $borderBottom?: string | undefined;
+    $borderLeft?: string | undefined;
     $fontWeight?: string | undefined;
     $hoverBackground?: string | undefined;
     $hoverColor?: string | undefined;

package/dist/index.js

@@ -2839,7 +2839,7 @@ var Icon = function Icon(_ref2) {
 };
 
 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  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-bottom: ", "; \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  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-bottom: ", ";\n  border-left: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
   var $flex = _ref.$flex;
   return $flex;
 }, function (_ref2) {
@@ -2942,41 +2942,44 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
   var $border = _ref34.$border;
   return $border;
 }, function (_ref35) {
-  var $bottomborder = _ref35.$bottomborder;
-  return $bottomborder;
+  var $borderBottom = _ref35.$borderBottom;
+  return $borderBottom;
 }, function (_ref36) {
-  var $hoverBackground = _ref36.$hoverBackground;
-  return $hoverBackground;
+  var $borderLeft = _ref36.$borderLeft;
+  return $borderLeft;
 }, function (_ref37) {
-  var $hoverColor = _ref37.$hoverColor;
+  var $hoverBackground = _ref37.$hoverBackground;
+  return $hoverBackground;
+}, function (_ref38) {
+  var $hoverColor = _ref38.$hoverColor;
   return $hoverColor;
 });
-var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref38) {
-  var $fontFamily = _ref38.$fontFamily;
+var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref39) {
+  var $fontFamily = _ref39.$fontFamily;
   return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
-}, function (_ref39) {
-  var $fontWeight = _ref39.$fontWeight;
-  return $fontWeight ? $fontWeight : '500';
 }, function (_ref40) {
-  var $fontSize = _ref40.$fontSize;
-  return $fontSize ? $fontSize : '16px';
+  var $fontWeight = _ref40.$fontWeight;
+  return $fontWeight ? $fontWeight : '500';
 }, function (_ref41) {
-  var $color = _ref41.$color;
-  return $color ? $color : colorVariables.text.medium;
+  var $fontSize = _ref41.$fontSize;
+  return $fontSize ? $fontSize : '16px';
 }, function (_ref42) {
-  var $lineHeight = _ref42.$lineHeight;
-  return $lineHeight ? $lineHeight : '100%';
+  var $color = _ref42.$color;
+  return $color ? $color : colorVariables.text.medium;
 }, function (_ref43) {
-  var $textAlign = _ref43.$textAlign;
-  return $textAlign ? $textAlign : 'center';
+  var $lineHeight = _ref43.$lineHeight;
+  return $lineHeight ? $lineHeight : '100%';
 }, function (_ref44) {
-  var $minWidth = _ref44.$minWidth;
-  return $minWidth;
+  var $textAlign = _ref44.$textAlign;
+  return $textAlign ? $textAlign : 'center';
 }, function (_ref45) {
-  var $width = _ref45.$width;
-  return $width;
+  var $minWidth = _ref45.$minWidth;
+  return $minWidth;
 }, function (_ref46) {
-  var $overflowWrap = _ref46.$overflowWrap;
+  var $width = _ref46.$width;
+  return $width;
+}, function (_ref47) {
+  var $overflowWrap = _ref47.$overflowWrap;
   return $overflowWrap;
 });
 
@@ -3192,7 +3195,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        ";
@@ -3209,7 +3213,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 '';
   }
@@ -3241,6 +3245,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,
@@ -3280,6 +3285,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     "$borderRadius": borderRadius,
     "$size": size,
     "$color": color,
+    "$colorHover": colorHover,
     "$padding": padding,
     "$variant": variant,
     onMouseEnter: function onMouseEnter() {