@lumx/react 4.3.2-alpha.39 → 4.3.2-alpha.40

package/index.d.ts

@@ -733,7 +733,7 @@ interface ButtonProps extends GenericProps$1, ReactToJSX<ButtonProps$1> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
 
 interface IconButtonProps$1 extends BaseButtonProps {
     /**
@@ -1552,7 +1552,7 @@ declare const GenericBlockGapSize: Pick<{
     readonly medium: "medium";
     readonly big: "big";
     readonly huge: "huge";
-}, "medium" | "tiny" | "regular" | "big" | "huge">;
+}, "tiny" | "regular" | "medium" | "big" | "huge">;
 type GenericBlockGapSize = ValueOf$1<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps extends FlexBoxProps {
@@ -2242,7 +2242,7 @@ interface LinkProps extends GenericProps$1, ReactToJSX<LinkProps$1, 'label'> {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
 
 /**
  * Defines the props of the component.

package/index.js

@@ -11443,23 +11443,25 @@ const SideNavigationItem = forwardRef((props, ref) => {
         onClick: onActionClick,
         ...ariaProps
       })]
-    }) : /*#__PURE__*/jsxs(RawClickable, {
+    }) : RawClickable({
       as: linkAs || (linkProps?.href ? 'a' : 'button'),
       ...linkProps,
       className: element$d('link'),
-      onClick: onClick,
+      onClick,
       ...ariaProps,
-      children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: element$d('icon'),
-        icon: icon,
-        size: Size$1.xs
-      }), /*#__PURE__*/jsx("span", {
-        children: label
-      }), hasContent && /*#__PURE__*/jsx(Icon, {
-        className: element$d('chevron'),
-        icon: isOpen ? mdiChevronUp : mdiChevronDown,
-        size: Size$1.xs
-      })]
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [icon && /*#__PURE__*/jsx(Icon, {
+          className: element$d('icon'),
+          icon: icon,
+          size: Size$1.xs
+        }), /*#__PURE__*/jsx("span", {
+          children: label
+        }), hasContent && /*#__PURE__*/jsx(Icon, {
+          className: element$d('chevron'),
+          icon: isOpen ? mdiChevronUp : mdiChevronDown,
+          size: Size$1.xs
+        })]
+      })
     }), (closeMode === 'hide' || showChildren) && /*#__PURE__*/jsx("ul", {
       className: element$d('children'),
       id: contentId,