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

package/lib/components/ActionBar/ActionBar.d.ts

@@ -1,5 +1,6 @@
+/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { PropsWithChildren, ForwardedRef } from 'react';
-import { ButtonProps } from '@carbon/type';
+import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 interface Action extends ButtonProps {
     id?: string;

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts

@@ -1,7 +1,8 @@
-export function BreadcrumbWithOverflow({ breadcrumbs, className, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
+export function BreadcrumbWithOverflow({ breadcrumbs, className, label, maxVisible, noTrailingSlash, overflowAriaLabel, overflowTooltipAlign, ...other }: {
     [x: string]: any;
     breadcrumbs: any;
     className: any;
+    label: any;
     maxVisible: any;
     noTrailingSlash: any;
     overflowAriaLabel: any;
@@ -36,6 +37,7 @@ export namespace BreadcrumbWithOverflow {
             title: any;
         }> | null | undefined)[]>;
         let className: PropTypes.Requireable<string>;
+        let label: PropTypes.Requireable<string>;
         let maxVisible: PropTypes.Requireable<number>;
         let noTrailingSlash: PropTypes.Requireable<boolean>;
         let overflowAriaLabel: any;

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -20,7 +20,7 @@ require('../../global/js/utils/props-helper.js');
 var TooltipTrigger = require('../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"];
 
@@ -37,6 +37,7 @@ exports.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,
@@ -95,7 +96,9 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
       className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
       "aria-hidden": true,
       ref: sizingContainerRef
-    }, /*#__PURE__*/React.createElement(react.Breadcrumb, null, /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
+    }, /*#__PURE__*/React.createElement(react.Breadcrumb, {
+      "aria-label": "".concat(label, "-hidden")
+    }, /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
     }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
       "aria-label": overflowAriaLabel,
@@ -119,7 +122,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         title: title !== null && title !== void 0 ? title : label
       }), label);
     }))));
-  }, [breadcrumbs, overflowAriaLabel]);
+  }, [breadcrumbs, label, overflowAriaLabel]);
   React.useEffect(function () {
     // updates displayedBreadcrumbItems and overflowBreadcrumbItems based on displayCount and breadcrumbs
     /* istanbul ignore if */
@@ -261,6 +264,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(["".concat(blockClass, "__space")])
   }, hiddenSizingItems, /*#__PURE__*/React.createElement(react.Breadcrumb, _rollupPluginBabelHelpers.extends({
+    "aria-label": label,
     className: cx("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.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.createElement(react.BreadcrumbItem, {
@@ -315,6 +319,10 @@ exports.BreadcrumbWithOverflow.propTypes = {
    * className
    */
   className: index.default.string,
+  /**
+   * Label for the Breadcrumb component
+   */
+  label: index.default.string,
   /**
    * maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
    */

package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js

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

package/lib/components/Nav/NavList.js

@@ -15,7 +15,7 @@ var cx = require('classnames');
 var index = require('../../_virtual/index.js');
 var NavItem = require('./NavItem.js');
 var settings = require('../../settings.js');
-var bucket2 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-2.js');
+var bucket3 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-3.js');
 
 var componentName = 'NavList';
 var blockClass = "".concat(settings.pkg.prefix, "--nav-list");
@@ -133,7 +133,7 @@ exports.NavList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     src: icon
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(NavItem.blockClass, "__content")
-  }, title), /*#__PURE__*/React.createElement(bucket2.ChevronDown, {
+  }, title), /*#__PURE__*/React.createElement(bucket3.ChevronDown, {
     className: "".concat(blockClass, "__icon")
   })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": title,

package/lib/components/NotificationsPanel/NotificationsPanel.js

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

package/lib/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/lib/components/PageHeader/PageHeader.js

@@ -27,7 +27,7 @@ var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOv
 var ActionBar = require('../ActionBar/ActionBar.js');
 var ButtonSetWithOverflow = require('../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';
 settings.pkg._silenceWarnings(true);
 settings.pkg.component.ActionBar = true;
@@ -48,6 +48,7 @@ exports.PageHeader = /*#__PURE__*/React.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,
@@ -387,7 +388,8 @@ exports.PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overflowAriaLabel: breadcrumbOverflowAriaLabel,
     breadcrumbs: displayedBreadcrumbs,
     overflowTooltipAlign: breadcrumbOverflowTooltipAlign,
-    maxVisible: undefined
+    maxVisible: undefined,
+    label: breadcrumbLabel
   })), /*#__PURE__*/React.createElement(react.Column, {
     className: cx(["".concat(PageHeaderUtils.blockClass, "__action-bar-column ").concat(PageHeaderUtils.blockClass, "__action-bar-column--background"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__action-bar-column--has-page-actions"), pageActions), "".concat(PageHeaderUtils.blockClass, "__action-bar-column--influenced-by-collapse-button"), spaceForCollapseButton)])
   }, /*#__PURE__*/React.createElement("div", {