@carbon/ibm-products 1.9.0 → 1.11.1

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -77,7 +77,8 @@ export var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     }, /*#__PURE__*/React.createElement(OverflowMenu, {
       ariaLabel: overflowAriaLabel,
       renderIcon: OverflowMenuHorizontal32,
-      className: "".concat(blockClass, "__overflow-menu")
+      className: "".concat(blockClass, "__overflow-menu"),
+      menuOptionsClass: "".concat(blockClass, "__overflow-menu-options")
     }, // eslint-disable-next-line react/prop-types
     overflowItems.map(function (item, index) {
       return /*#__PURE__*/React.createElement(OverflowMenuItem, {

package/es/components/ButtonMenu/ButtonMenu.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "iconDescription", "label", "menuOptionsClass", "renderIcon", "size"];
+var _excluded = ["children", "className", "iconDescription", "kind", "label", "menuOptionsClass", "renderIcon", "size"];
 
 /**
  * Copyright IBM Corp. 2021, 2021
@@ -22,7 +22,8 @@ var componentName = 'ButtonMenu'; // NOTE: the component SCSS is not imported he
 // Default values for props
 
 var defaults = {
-  size: 'default'
+  size: 'default',
+  kind: 'primary'
 };
 /**
  * Combining a standard button with an overflow menu, this component appears
@@ -36,6 +37,8 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       iconDescription = _ref.iconDescription,
+      _ref$kind = _ref.kind,
+      kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
       label = _ref.label,
       menuOptionsClass = _ref.menuOptionsClass,
       Icon = _ref.renderIcon,
@@ -50,14 +53,14 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass),
     renderIcon: function renderIcon() {
       return /*#__PURE__*/React.createElement("div", {
-        className: cx(["".concat(blockClass, "__trigger"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--primary"), "".concat(carbon.prefix, "--btn--").concat(size)])
+        className: cx(["".concat(blockClass, "__trigger"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--").concat(kind), "".concat(carbon.prefix, "--btn--").concat(size)])
       }, label, Icon && /*#__PURE__*/React.createElement(Icon, {
         "aria-hidden": "true",
         "aria-label": iconDescription,
         className: "".concat(carbon.prefix, "--btn__icon")
       }));
     },
-    ref: ref
+    innerRef: ref
   }), children);
 }); // Return a placeholder if not released and not enabled by feature flag
 
@@ -86,6 +89,11 @@ ButtonMenu.propTypes = {
    */
   iconDescription: Button.propTypes.iconDescription,
 
+  /**
+   * The three types the menu button supports: primary, tertiary and ghost.
+   */
+  kind: PropTypes.oneOf(['primary', 'tertiary', 'ghost']),
+
   /**
    * The button label for the menu trigger.
    */