labsense-ui-kit 1.0.26 → 1.0.28

package/dist/index.modern.js

@@ -2300,7 +2300,7 @@ var LoaderWrapper = styled.div(_templateObject3$1 || (_templateObject3$1 = _tagg
   var loaderPosition = _ref6.loaderPosition;
   return loaderPosition === 'left' ? '4px' : '0';
 });
-var Container = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  \n  svg {\n    cursor: ", ";\n  }\n"])), function (_ref7) {
+var Container = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  svg {\n    cursor: ", ";\n  }\n"])), function (_ref7) {
   var iconPosition = _ref7.iconPosition;
   return iconPosition === 'right' ? 'row-reverse' : 'row';
 }, function (_ref8) {
@@ -2334,7 +2334,7 @@ var StyledButton = styled.button(_templateObject5 || (_templateObject5 = _tagged
     case 'secondary':
       return "\n          background: " + (disabled ? colorVariables.disabled.secondary : colorVariables["default"].secondary) + "; \n          color: " + colorVariables.text.white + ";\n          border: " + (disabled ? "1px solid " + colorVariables.disabled.secondary : "1px solid " + colorVariables["default"].secondary) + ";\n          &:hover{\n           background: " + colorVariables.hover.secondary + ";\n           border: 1px solid " + colorVariables.hover.secondary + ";\n          }\n        ";
     case 'tertiary':
-      return "\n          background: " + colorVariables["default"].tertiary + ";\n          color: " + (disabled ? colorVariables.disabled.primary : colorVariables["default"].primary) + ";\n          border: " + (borderDefault ? "" + borderDefault : "1px solid " + colorVariables["default"].tertiary) + ";\n          &:hover {\n            color: " + colorVariables.hover.primary + ";\n            border: " + (borderHover ? "" + borderHover : "1px solid " + colorVariables.hover.primary) + ";\n          }\n        ";
+      return "\n          background: " + colorVariables["default"].tertiary + ";\n          color: " + (!disabled && borderHover ? borderHover : disabled ? colorVariables.disabled.primary : colorVariables["default"].primary) + ";\n          border: " + (borderDefault ? "" + borderDefault : "1px solid " + colorVariables["default"].tertiary) + ";\n          &:hover {\n            color: " + colorVariables.hover.primary + ";\n            border: " + (borderHover ? borderHover : "1px solid " + colorVariables.hover.primary) + ";\n          }\n        ";
     case 'error':
       return "\n          background: " + (disabled ? colorVariables.disabled.error : colorVariables["default"].error) + "; \n          color: " + colorVariables.text.white + ";\n          border: " + (disabled ? "1px solid " + colorVariables.disabled.error : "1px solid " + colorVariables["default"].error) + ";\n          &:hover{\n           background: " + colorVariables.hover.error + ";\n           border: 1px solid " + colorVariables.hover.error + ";\n          }\n        ";
     case 'outline-primary':
@@ -2421,7 +2421,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
   }, React.createElement(Container, {
     iconPosition: iconPos,
     gap: gap,
-    cursor: !disabled && onclick ? 'pointer' : 'default'
+    cursor: !disabled && typeof onClick === 'function' ? 'pointer' : 'default'
   }, icon && React.createElement(Icon, {
     icon: icon,
     weight: iconWeight,
@@ -2429,7 +2429,6 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     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,
-    color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
     fontWeight: fontWeight