@agility/plenum-ui 1.3.37 → 1.3.38

package/lib/components/Button/Button.d.ts

@@ -35,7 +35,7 @@ export interface ButtonProps {
     isSubmit?: boolean;
     isWidthFull?: boolean;
     /**
-     * Add on classes
+     * Add on className
      */
     className?: string;
     iconObj?: React.ReactNode;

package/lib/index.esm.js

@@ -7009,10 +7009,8 @@ var DynamicIcons = function (_a) {
 };
 
 function Loader(_a) {
-    var classes = _a.classes;
-    var outerLoaderStyles = cn('rounded-full border-purple-700 inline-block border-r-gray-200 animate-spin m-auto', classes, {
-        'w-16 h-16 border-8': !classes
-    });
+    var className = _a.className;
+    var outerLoaderStyles = cn("rounded-full border-purple-700 inline-block border-r-gray-200 animate-spin", className ? className : "w-16 h-16 border-8 m-auto");
     return React__default.createElement("div", { className: outerLoaderStyles, role: "status" });
 }
 
@@ -7037,10 +7035,10 @@ var Button = function (_a, ref) {
             : function () {
             }, disabled: isDisabled, "aria-disabled": isDisabled },
         iconObj &&
-            (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2 m-0" })) : (React__default.createElement(React__default.Fragment, null, iconObj))),
+            (isLoading ? (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })) : (React__default.createElement(React__default.Fragment, null, iconObj))),
         icon &&
-            (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2 m-0" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
-        !icon && !iconObj && isLoading && (React__default.createElement(Loader, { classes: "h-5 w-5 border-2 m-0" })),
+            (isLoading ? (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
+        !icon && !iconObj && isLoading && (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })),
         label && React__default.createElement("span", null, label))) : (React__default.createElement("a", { type: isSubmit ? "submit" : "button", title: asLink.title || title, href: asLink.href, target: asLink.target, className: cn("inline-flex items-center justify-center space-x-2 rounded border transition-all", { "w-full": isWidthFull === true }, { "px-4 py-2 text-sm": size === "sm" }, { "px-5 py-2 text-base": size === "base" }, { "px-5 py-2 text-lg": size === "lg" }, {
             "cursor-auto  opacity-50": isDisabled
         }, {
@@ -7053,10 +7051,10 @@ var Button = function (_a, ref) {
             "border-red-300 bg-red-600 text-white hover:bg-red-700 hover:text-white": type === "danger"
         }, className), "aria-disabled": isDisabled },
         iconObj &&
-            (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default.createElement(React__default.Fragment, null, iconObj))),
+            (isLoading ? (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })) : (React__default.createElement(React__default.Fragment, null, iconObj))),
         icon &&
-            (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
-        !icon && !iconObj && isLoading && (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })),
+            (isLoading ? (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
+        !icon && !iconObj && isLoading && (React__default.createElement(Loader, { className: "h-5 w-5 border-2" })),
         label && React__default.createElement("span", null, label)));
 };
 var _Button = forwardRef(Button);