react-magma-dom 5.1.0-rc.8 → 5.1.0-rc.9

package/dist/properties.json

@@ -5697,6 +5697,15 @@
         "defaultValue": "false",
         "deprecated": false
       },
+      "leadingIcon": {
+        "name": "leadingIcon",
+        "required": false,
+        "type": {
+          "name": "ReactElement"
+        },
+        "description": "Leading icon to display on the left side within the component",
+        "deprecated": false
+      },
       "onClick": {
         "name": "onClick",
         "required": false,

package/dist/react-magma-dom.cjs.development.js

@@ -9624,7 +9624,7 @@ var DropdownMenuNavItem = /*#__PURE__*/React.forwardRef(function (props, forward
 });
 DropdownMenuNavItem.displayName = 'DropdownMenuNavItem';
 
-var _excluded$U = ["aria-label", "children", "id", "variant", "onClick"];
+var _excluded$U = ["aria-label", "children", "id", "variant", "onClick", "leadingIcon"];
 var DropdownSplitButton = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var context = React.useContext(DropdownContext);
   var buttonGroupContext = React.useContext(ButtonGroupContext);
@@ -9637,6 +9637,7 @@ var DropdownSplitButton = /*#__PURE__*/React.forwardRef(function (props, forward
     _resolvedProps$varian = resolvedProps.variant,
     variant = _resolvedProps$varian === void 0 ? exports.ButtonVariant.solid : _resolvedProps$varian,
     onClick = resolvedProps.onClick,
+    leadingIcon = resolvedProps.leadingIcon,
     other = _objectWithoutPropertiesLoose(resolvedProps, _excluded$U);
   var ref = useForkedRef(forwardedRef, resolvedContext.toggleRef);
   var splitButtonRef = React.useRef(null);
@@ -9672,21 +9673,26 @@ var DropdownSplitButton = /*#__PURE__*/React.forwardRef(function (props, forward
     }
     return theme.spaceScale.spacing01;
   }
+  var sharedButtonProps = React.useMemo(function () {
+    return _extends({}, other, {
+      id: resolvedContext.dropdownButtonId.current,
+      isInverse: resolvedContext.isInverse,
+      onClick: handleButtonClick,
+      shape: exports.ButtonShape.leftCap,
+      style: {
+        borderRight: 0,
+        marginRight: 0
+      },
+      variant: variant,
+      tabIndex: 0,
+      ref: splitButtonRef
+    });
+  }, [props]);
   return /*#__PURE__*/React.createElement("div", {
     ref: context.setReference
-  }, /*#__PURE__*/React.createElement(Button, Object.assign({}, other, {
-    id: resolvedContext.dropdownButtonId.current,
-    isInverse: resolvedContext.isInverse,
-    onClick: handleButtonClick,
-    shape: exports.ButtonShape.leftCap,
-    style: {
-      borderRight: 0,
-      marginRight: 0
-    },
-    variant: variant,
-    tabIndex: 0,
-    ref: splitButtonRef
-  }), children), /*#__PURE__*/React.createElement(IconButton, Object.assign({}, other, {
+  }, leadingIcon ? (/*#__PURE__*/React.createElement(IconButton, Object.assign({}, sharedButtonProps, {
+    icon: leadingIcon
+  }), children)) : (/*#__PURE__*/React.createElement(Button, Object.assign({}, sharedButtonProps), children)), /*#__PURE__*/React.createElement(IconButton, Object.assign({}, other, {
     "aria-expanded": resolvedContext.isOpen,
     "aria-label": ariaLabel || i18n.dropdown.toggleMenuAriaLabel,
     "aria-haspopup": "true",