@lumx/react 3.19.1-alpha.0 → 3.19.1-alpha.2

package/index.js

@@ -1316,7 +1316,7 @@ const ButtonRoot = forwardRef((props, ref) => {
     fullWidth
   }));
   return /*#__PURE__*/React__default.createElement(RawClickable, _extends({
-    as: linkAs || forwardedProps.href ? 'a' : 'button'
+    as: linkAs || (forwardedProps.href ? 'a' : 'button')
   }, forwardedProps, disabledStateProps, {
     "aria-disabled": isAnyDisabled,
     "aria-label": ariaLabel,
@@ -3684,7 +3684,7 @@ const ListItem = forwardRef((props, ref) => {
   /*#__PURE__*/
   /* Clickable list item */
   React__default.createElement(RawClickable, _extends({
-    as: linkAs || linkProps.href ? 'a' : 'button'
+    as: linkAs || (linkProps.href ? 'a' : 'button')
   }, linkProps, disabledStateProps, {
     className: classNames(handleBasicClasses({
       prefix: `${CLASSNAME$13}__link`,
@@ -8985,7 +8985,7 @@ const Link = forwardRef((props, ref) => {
   const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
   return /*#__PURE__*/React__default.createElement(RawClickable, _extends({
     ref: ref,
-    as: linkAs || forwardedProps.href ? 'a' : 'button'
+    as: linkAs || (forwardedProps.href ? 'a' : 'button')
   }, forwardedProps, disabledStateProps, {
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$L,
@@ -11146,7 +11146,7 @@ const SideNavigationItem = forwardRef((props, ref) => {
   }), shouldSplitActions ? /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME$n}__wrapper`
   }, /*#__PURE__*/React__default.createElement(RawClickable, _extends({
-    as: linkAs || linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button'
+    as: linkAs || (linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button')
   }, linkProps, {
     className: `${CLASSNAME$n}__link`,
     onClick: onClick
@@ -11161,7 +11161,7 @@ const SideNavigationItem = forwardRef((props, ref) => {
     emphasis: Emphasis.low,
     onClick: onActionClick
   }, ariaProps))) : /*#__PURE__*/React__default.createElement(RawClickable, _extends({
-    as: linkAs || linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button'
+    as: linkAs || (linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button')
   }, linkProps, {
     className: `${CLASSNAME$n}__link`,
     onClick: onClick
@@ -13697,14 +13697,19 @@ const Thumbnail = forwardRef((props, ref) => {
     // Remove the image on custom fallback.
     imageErrorStyle.display = 'none';
   }
-  const isClickable = !isAnyDisabled && ((linkProps === null || linkProps === void 0 ? void 0 : linkProps.href) || linkAs || forwardedProps.onClick);
+  const isLink = (linkProps === null || linkProps === void 0 ? void 0 : linkProps.href) || linkAs;
+  const isClickable = !isAnyDisabled && (isLink || forwardedProps.onClick);
   const Wrapper = isClickable ? RawClickable : 'div';
   const wrapperProps = _objectSpread2({}, forwardedProps);
   if (isClickable) {
-    Object.assign(wrapperProps, linkProps, {
-      as: linkAs || linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button'
+    Object.assign(wrapperProps, {
+      as: linkAs || (linkProps !== null && linkProps !== void 0 && linkProps.href ? 'a' : 'button')
     }, disabledStateProps);
-    wrapperProps['aria-label'] = forwardedProps['aria-label'] || alt;
+    if (isLink) {
+      Object.assign(wrapperProps, linkProps);
+    } else {
+      wrapperProps['aria-label'] = forwardedProps['aria-label'] || alt;
+    }
   }
 
   // If we have a loading placeholder image that is really loaded (complete)