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

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -8,13 +8,7 @@ declare const info: {
             control: {
                 type: string;
             };
-            options: string[];
-            mapping: {
-                top: DrawerPosition;
-                left: DrawerPosition;
-                right: DrawerPosition;
-                bottom: DrawerPosition;
-            };
+            options: DrawerPosition[];
         };
         isInverse: {
             control: {

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/components/IconButton/IconButton.stories.d.ts

@@ -12,8 +12,8 @@ export declare const Default: {
         textTransform: {
             control: {
                 type: string;
-                options: typeof ButtonTextTransform;
             };
+            options: ButtonTextTransform[];
         };
     };
     args: {
@@ -32,8 +32,8 @@ export declare const Inverse: {
         textTransform: {
             control: {
                 type: string;
-                options: typeof ButtonTextTransform;
             };
+            options: ButtonTextTransform[];
         };
     };
     args: {

package/dist/esm/index.js

@@ -13844,7 +13844,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);
@@ -13857,6 +13857,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);
@@ -13892,21 +13893,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 /*#__PURE__*/createElement("div", {
     ref: context.setReference
-  }, /*#__PURE__*/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), /*#__PURE__*/createElement(IconButton, Object.assign({}, other, {
+  }, leadingIcon ? (/*#__PURE__*/createElement(IconButton, Object.assign({}, sharedButtonProps, {
+    icon: leadingIcon
+  }), children)) : (/*#__PURE__*/createElement(Button, Object.assign({}, sharedButtonProps), children)), /*#__PURE__*/createElement(IconButton, Object.assign({}, other, {
     "aria-expanded": resolvedContext.isOpen,
     "aria-label": ariaLabel || i18n.dropdown.toggleMenuAriaLabel,
     "aria-haspopup": "true",