labsense-ui-kit 1.0.23 → 1.0.24

package/dist/Buttons/Button.d.ts

@@ -18,7 +18,7 @@ export interface ButtonProps {
     fontWeight?: string;
     fontSize?: string;
     fontFamily?: string;
-    border?: string;
+    borderHover?: string;
     borderRadius?: string;
     padding?: string;
     gap?: string;

package/dist/index.js

@@ -2326,14 +2326,15 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
   return size === 'small' ? '8px 12.2px' : size === 'medium' ? '10px 19px' : size === 'large' ? '12px 24.5px' : size === 'custom' ? padding : '10px 16px';
 }, function (_ref13) {
   var variant = _ref13.variant,
-    disabled = _ref13.disabled;
+    disabled = _ref13.disabled,
+    borderHover = _ref13.borderHover;
   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        ";
     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: 1px solid transparent;\n          &:hover {\n            color: " + colorVariables.hover.primary + ";\n            border: 1px solid  " + colorVariables.hover.primary + ";\n          }\n        ";
+      return "\n          background: " + colorVariables["default"].tertiary + ";\n          color: " + (disabled ? colorVariables.disabled.primary : colorVariables["default"].primary) + ";\n          border: 1px solid transparent;\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':
@@ -2371,7 +2372,7 @@ var ButtonComponent = function ButtonComponent(_ref19) {
     size = _ref19.size,
     background = _ref19.background,
     color = _ref19.color,
-    border = _ref19.border,
+    borderHover = _ref19.borderHover,
     borderRadius = _ref19.borderRadius,
     fontWeight = _ref19.fontWeight,
     fontSize = _ref19.fontSize,
@@ -2403,7 +2404,7 @@ var ButtonComponent = function ButtonComponent(_ref19) {
     disabled: disabled,
     onClick: onClick,
     background: background,
-    border: border,
+    borderHover: borderHover,
     borderRadius: borderRadius,
     size: size,
     color: color,