@luscii-healthtech/web-ui 2.60.0 → 2.60.1

package/dist/web-ui.cjs.development.js

@@ -3088,13 +3088,10 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
     return /*#__PURE__*/React__default.createElement("span", null, "Invalid props passed to this component.");
   }
 
-  var buttonClassName = classNames(["h-11", "relative flex flex-row justify-center items-center", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary", "group", "flex-shrink-0"], {
-    "w-11": !text && icon,
-    "pl-4 pr-6": text && icon,
-    "px-4": text && !icon
-  }, {
+  var buttonClassName = classNames(["h-11", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary", "group", "flex-shrink-0"], {
     "opacity-50": isDisabled,
-    "pointer-events-none": isPending
+    "pointer-events-none": isPending,
+    "w-11": !text && icon
   }, className);
   var textColorClass = allowedColors[textColor != null ? textColor : "base"];
   var tooltipAttrs = title ? {
@@ -3109,7 +3106,13 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
     onClick: handleClick,
     disabled: isDisabled,
     "aria-disabled": isDisabled
-  }, tooltipAttrs), icon && !isPending && /*#__PURE__*/React__default.createElement(IconComponentOrKey, {
+  }), /*#__PURE__*/React__default.createElement("span", _extends({}, tooltipAttrs, {
+    className: classNames("relative flex flex-row items-center justify-center w-full h-full", // ensuring the buttons are 44px high including content
+    {
+      "pl-4 pr-6": text && icon,
+      "px-4": text && !icon
+    })
+  }), icon && !isPending && /*#__PURE__*/React__default.createElement(IconComponentOrKey, {
     name: icon,
     className: "w-6 h-6 " + textColorClass
   }), isPending && /*#__PURE__*/React__default.createElement("span", {
@@ -3132,7 +3135,7 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
     color: textColor,
     hoverColor: textHoverColor,
     hoverInGroup: true
-  }));
+  })));
 
   if (title) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactTooltip, {
@@ -3738,11 +3741,8 @@ function Button(props) {
     icon: []
   };
   var containerClassName = classNames( // default button classes
-  ["h-11", "focus:outline-none", "relative flex flex-row justify-center items-center", "shadow-sm", "transition-outline transition-colors duration-300 ease-in-out", "cursor-pointer", "rounded-full", "leading-none"], // ensuring the buttons are 44px high including content
-  {
-    "py-2 px-2 w-11": isIconOnly,
-    "px-4 py-3": !isIconOnly
-  }, className, {
+  ["h-11", "focus:outline-none", "shadow-sm", "transition-outline transition-colors duration-300 ease-in-out", "cursor-pointer", "rounded-full", "leading-none"], className, {
+    "w-11": isIconOnly,
     "opacity-50 pointer-events-none": isButtonDisabled,
     "hover:text-primary-dark text-primary": isNonPrimaryNonNegative,
     "border border-transparent": isNonPrimaryNonNegative,
@@ -3772,7 +3772,13 @@ function Button(props) {
     type: type,
     title: title,
     "data-role": role
-  }, tooltipAttrs), hasAddIcon && /*#__PURE__*/React__default.createElement(AddIcon, {
+  }), /*#__PURE__*/React__default.createElement("span", _extends({}, tooltipAttrs, {
+    className: classNames("relative flex flex-row items-center justify-center w-full h-full", // ensuring the buttons are 44px high including content
+    {
+      "py-2 px-2": isIconOnly,
+      "px-4 py-3": !isIconOnly
+    })
+  }), hasAddIcon && /*#__PURE__*/React__default.createElement(AddIcon, {
     className: "w-5 h-5"
   }), hasEditIcon && /*#__PURE__*/React__default.createElement(EditIcon, {
     className: "w-5 h-5"
@@ -3803,7 +3809,7 @@ function Button(props) {
     className: spinnerClassNames
   })), /*#__PURE__*/React__default.createElement("span", {
     className: buttonTextClasses
-  }, text));
+  }, text)));
 
   if (title) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ReactTooltip, {
@@ -7952,9 +7958,9 @@ var TimelineStep = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 var Timeline = function Timeline(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, props.steps.map(function (step) {
     return /*#__PURE__*/React__default.createElement(TimelineStep, _extends({}, step));
-  })), props.loadMoreButtonProps && /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({
-    className: "mt-6 mx-auto"
-  }, props.loadMoreButtonProps)));
+  })), props.loadMoreButtonProps && /*#__PURE__*/React__default.createElement("div", {
+    className: "mt-6 flex flex-row justify-center items-center"
+  }, /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({}, props.loadMoreButtonProps))));
 };
 
 var _excluded$t = ["titleProps", "title", "titleAccessory", "contentProps", "content", "defaultContent", "className", "buttons"];