@carbon/ibm-products 2.43.2-canary.332 → 2.43.2-canary.338

package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -18,7 +18,7 @@ import '../../global/js/utils/props-helper.js';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
 var _TooltipTrigger;
-var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
+var _excluded = ["breadcrumbs", "className", "label", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
   _excluded2 = ["label", "key", "title", "id", "shortTitle"],
   _excluded3 = ["className", "key", "label", "shortTitle", "title"];
 
@@ -35,6 +35,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   var _backItem, _backItem2, _backItem3;
   var breadcrumbs = _ref.breadcrumbs,
     className = _ref.className,
+    label = _ref.label,
     maxVisible = _ref.maxVisible,
     noTrailingSlash = _ref.noTrailingSlash,
     overflowAriaLabel = _ref.overflowAriaLabel,
@@ -93,7 +94,9 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
       className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
       "aria-hidden": true,
       ref: sizingContainerRef
-    }, /*#__PURE__*/React__default.createElement(Breadcrumb, null, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
+    }, /*#__PURE__*/React__default.createElement(Breadcrumb, {
+      "aria-label": "".concat(label, "-hidden")
+    }, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
       key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
     }, /*#__PURE__*/React__default.createElement(OverflowMenu, {
       "aria-label": overflowAriaLabel,
@@ -117,7 +120,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         title: title !== null && title !== void 0 ? title : label
       }), label);
     }))));
-  }, [breadcrumbs, overflowAriaLabel]);
+  }, [breadcrumbs, label, overflowAriaLabel]);
   useEffect(function () {
     // updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
     /* istanbul ignore if */
@@ -259,6 +262,7 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: cx(["".concat(blockClass, "__space")])
   }, hiddenSizingItems, /*#__PURE__*/React__default.createElement(Breadcrumb, _extends({
+    "aria-label": label,
     className: cx("".concat(blockClass, "__breadcrumb-container"), _defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
     noTrailingSlash: noTrailingSlash
   }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
@@ -313,6 +317,10 @@ BreadcrumbWithOverflow.propTypes = {
    * className
    */
   className: PropTypes.string,
+  /**
+   * Label for the Breadcrumb component
+   */
+  label: PropTypes.string,
   /**
    * maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
    */

package/es/components/CoachmarkBeacon/CoachmarkBeacon.js

@@ -45,10 +45,10 @@ var CoachmarkBeacon = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     tabIndex: 0,
     type: "button"
   }, coachmark.buttonProps, {
-    "aria-label": label,
     className: "".concat(blockClass, "__target")
   }), /*#__PURE__*/React__default.createElement("svg", {
-    className: "".concat(blockClass, "__center")
+    className: "".concat(blockClass, "__center"),
+    "aria-label": label
   }, /*#__PURE__*/React__default.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React__default.createElement("circle", {
     r: 1,
     cx: 38,

package/es/components/Nav/NavList.js

@@ -11,7 +11,7 @@ import cx from 'classnames';
 import { p as propTypesExports } from '../../_virtual/index.js';
 import NavItem, { blockClass as blockClass$1 } from './NavItem.js';
 import { pkg } from '../../settings.js';
-import { ChevronDown } from '../../node_modules/@carbon/icons-react/es/generated/bucket-2.js';
+import { ChevronDown } from '../../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
 
 var componentName = 'NavList';
 var blockClass = "".concat(pkg.prefix, "--nav-list");

package/es/components/NotificationsPanel/NotificationsPanel.js

@@ -459,7 +459,8 @@ var NotificationsPanel = /*#__PURE__*/React__default.forwardRef(function (_ref,
     iconDescription: settingsIconDescription,
     onClick: function onClick() {
       return onSettingsClick();
-    }
+    },
+    hasIconOnly: true
   })) : null)), /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     className: "".concat(carbonPrefix, "--visually-hidden"),

package/es/components/PageHeader/PageHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import { Tag } from '@carbon/react';
-import { ButtonProps, PopoverAlignment, TagProps } from '@carbon/type';
+import { Tag, ButtonProps, PopoverAlignment } from '@carbon/react';
+import { TagProps } from '@carbon/react/lib/components/Tag/Tag';
 import React, { PropsWithChildren, ReactNode } from 'react';
 interface ActionBarItem extends ButtonProps {
     iconDescription: string;
@@ -134,7 +134,7 @@ type PageActionProps = {
     pageActions?: never;
     pageActionsOverflowLabel?: ReactNode;
 };
-interface Tag extends TagProps {
+interface Tag extends TagProps<React.ElementType> {
     label: string;
 }
 interface TitleIcon {
@@ -189,6 +189,10 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      * align breadcrumb overflow tooltip
      */
     breadcrumbOverflowTooltipAlign?: PopoverAlignment;
+    /**
+     * Label for the Breadcrumb component
+     */
+    breadcrumbLabel?: string;
     /**
      * Specifies class(es) to be applied to the top-level PageHeader node.
      * Optional.

package/es/components/PageHeader/PageHeader.js

@@ -25,7 +25,7 @@ import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWith
 import { ActionBar } from '../ActionBar/ActionBar.js';
 import { ButtonSetWithOverflow } from '../ButtonSetWithOverflow/ButtonSetWithOverflow.js';
 
-var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
+var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
 var componentName = 'PageHeader';
 pkg._silenceWarnings(true);
 pkg.component.ActionBar = true;
@@ -46,6 +46,7 @@ var PageHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     allTagsModalTitle = _ref.allTagsModalTitle,
     deprecated_hasBackgroundAlways = _ref.hasBackgroundAlways,
     breadcrumbOverflowAriaLabel = _ref.breadcrumbOverflowAriaLabel,
+    breadcrumbLabel = _ref.breadcrumbLabel,
     breadcrumbs = _ref.breadcrumbs,
     children = _ref.children,
     className = _ref.className,
@@ -385,7 +386,8 @@ var PageHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     overflowAriaLabel: breadcrumbOverflowAriaLabel,
     breadcrumbs: displayedBreadcrumbs,
     overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
-    maxVisible: undefined
+    maxVisible: undefined,
+    label: breadcrumbLabel
   })), /*#__PURE__*/React__default.createElement(Column, {
     className: cx(["".concat(blockClass, "__action-bar-column ").concat(blockClass, "__action-bar-column--background"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
   }, /*#__PURE__*/React__default.createElement("div", {