@allxsmith/bestax-bulma 5.1.3 → 5.2.0

package/dist/index.cjs.js

@@ -2239,7 +2239,7 @@ const DialogContainer = () => {
 };
 
 const validButtonColors = [...validColors, 'text', 'ghost'];
-const Button = ({ color, size, isLight, isRounded, isLoading, isStatic, isFullWidth, isOutlined, isInverted, isFocused, isActive, isHovered, isDisabled, className, children, textColor, bgColor, as = 'button', href, onClick, target, rel, ...props }) => {
+const Button = ({ color, size, isLight, isRounded, isLoading, isStatic, isFullWidth, isOutlined, isInverted, isFocused, isActive, isHovered, isDisabled, className, children, textColor, bgColor, as: Component = 'button', href, onClick, target, rel, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
         backgroundColor: bgColor,
@@ -2262,9 +2262,9 @@ const Button = ({ color, size, isLight, isRounded, isLoading, isStatic, isFullWi
         'is-fullwidth': isFullWidth,
     });
     const buttonClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    if (as === 'a') {
+    if (Component !== 'button') {
         const { type: _type, disabled: _disabled, form: _form, formAction: _formAction, formEncType: _formEncType, formMethod: _formMethod, formNoValidate: _formNoValidate, formTarget: _formTarget, name: _name, value: _value, autoFocus: _autoFocus, ...anchorRest } = rest;
-        return (jsxRuntime.jsx("a", { className: buttonClasses, href: href, target: target, rel: rel, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : undefined, onClick: isDisabled
+        return (jsxRuntime.jsx(Component, { className: buttonClasses, href: href, target: target, rel: rel, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : undefined, onClick: isDisabled
                 ? (e) => e.preventDefault()
                 : onClick, ...anchorRest, children: children }));
     }
@@ -2677,7 +2677,7 @@ const Image = ({ as, className, textColor, bgColor, size, isRounded, isRetina, s
     return (jsxRuntime.jsx(Tag, { className: imageClasses, ...rest, children: content }));
 };
 
-const Link = ({ className, textColor, bgColor, isActive, children, ...props }) => {
+const Link = ({ className, textColor, bgColor, isActive, as: Component = 'a', children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
         backgroundColor: bgColor,
@@ -2687,7 +2687,7 @@ const Link = ({ className, textColor, bgColor, isActive, children, ...props }) =
         'is-active': isActive,
     });
     const linkClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntime.jsx("a", { className: linkClasses || undefined, ...rest, children: children }));
+    return (jsxRuntime.jsx(Component, { className: linkClasses || undefined, ...rest, children: children }));
 };
 
 const ListItem = ({ className, textColor, bgColor, children, ...props }) => {