react-magma-dom 4.11.0-next.5 → 4.11.0-next.7

package/dist/components/Dropdown/DropdownSplitButton.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconProps } from 'react-magma-icons';
 import { ButtonStyles } from '../Button';
 export interface DropdownSplitButtonProps extends ButtonStyles {
     /**
@@ -17,6 +18,10 @@ export interface DropdownSplitButtonProps extends ButtonStyles {
      * If true, element is disabled
      */
     disabled?: boolean;
+    /**
+     * Leading icon to display on the left side within the component
+     */
+    leadingIcon?: React.ReactElement<IconProps>;
     /**
      * Function that fires when the button is clicked
      */

package/dist/esm/index.js

@@ -3430,7 +3430,9 @@ function buildAIActiveColor(initialProps) {
   return props.theme.colors.neutral100;
 }
 function buildBoxShadow(props) {
-  return "0 1px 6px " + curriedTransparentize(0.5, props.theme.colors.primary400);
+  if (!props.disabled) {
+    return props.isInverse ? "0 2px 6px 0 " + curriedTransparentize(0.82, props.theme.colors.neutral900) : "0 1px 6px " + curriedTransparentize(0.5, props.theme.colors.primary400);
+  }
 }
 
 var _templateObject;
@@ -14008,7 +14010,7 @@ var DropdownMenuNavItem = /*#__PURE__*/forwardRef(function (props, forwardedRef)
 });
 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__*/forwardRef(function (props, forwardedRef) {
   var context = useContext(DropdownContext);
   var buttonGroupContext = useContext(ButtonGroupContext);
@@ -14021,6 +14023,7 @@ var DropdownSplitButton = /*#__PURE__*/forwardRef(function (props, forwardedRef)
     _resolvedProps$varian = resolvedProps.variant,
     variant = _resolvedProps$varian === void 0 ? ButtonVariant.solid : _resolvedProps$varian,
     onClick = resolvedProps.onClick,
+    leadingIcon = resolvedProps.leadingIcon,
     other = _objectWithoutPropertiesLoose(resolvedProps, _excluded$U);
   var ref = useForkedRef(forwardedRef, resolvedContext.toggleRef);
   var splitButtonRef = useRef(null);
@@ -14056,21 +14059,26 @@ var DropdownSplitButton = /*#__PURE__*/forwardRef(function (props, forwardedRef)
     }
     return theme.spaceScale.spacing01;
   }
+  var sharedButtonProps = useMemo(function () {
+    return _extends({}, other, {
+      id: resolvedContext.dropdownButtonId.current,
+      isInverse: resolvedContext.isInverse,
+      onClick: handleButtonClick,
+      shape: ButtonShape.leftCap,
+      style: {
+        borderRight: 0,
+        marginRight: 0
+      },
+      variant: variant,
+      tabIndex: 0,
+      ref: splitButtonRef
+    });
+  }, [props]);
   return createElement("div", {
     ref: context.setReference
-  }, createElement(Button, Object.assign({}, other, {
-    id: resolvedContext.dropdownButtonId.current,
-    isInverse: resolvedContext.isInverse,
-    onClick: handleButtonClick,
-    shape: ButtonShape.leftCap,
-    style: {
-      borderRight: 0,
-      marginRight: 0
-    },
-    variant: variant,
-    tabIndex: 0,
-    ref: splitButtonRef
-  }), children), createElement(IconButton, Object.assign({}, other, {
+  }, leadingIcon ? createElement(IconButton, Object.assign({}, sharedButtonProps, {
+    icon: leadingIcon
+  }), children) : createElement(Button, Object.assign({}, sharedButtonProps), children), createElement(IconButton, Object.assign({}, other, {
     "aria-expanded": resolvedContext.isOpen,
     "aria-label": ariaLabel || i18n.dropdown.toggleMenuAriaLabel,
     "aria-haspopup": "true",