@carbon/react 1.4.0-rc.0 → 1.5.0

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -82,7 +82,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -95,7 +95,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -118,18 +117,17 @@ function _inherits(subClass, superClass) {
 }
 
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
 

package/es/components/Button/Button.Skeleton.js

@@ -26,7 +26,7 @@ var ButtonSkeleton = function ButtonSkeleton(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var buttonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--btn"), true), _defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
+  var buttonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--btn"), true), _defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _defineProperty(_cx, "".concat(prefix, "--btn--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
 
   var commonProps = _objectSpread2({
     className: buttonClasses

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -19,10 +19,12 @@ var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
 
   var prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-label"), className)
-  }, rest), /*#__PURE__*/React__default.createElement("span", {
+    className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
+  }, rest), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--checkbox-label")
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
-  }));
+  })));
 };
 
 CheckboxSkeleton.propTypes = {

package/es/components/Checkbox/Checkbox.js

@@ -26,9 +26,8 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function Checkbox(_ref, _r
       other = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var labelClasses = cx("".concat(prefix, "--checkbox-label"), [className]);
-  var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
+  var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
@@ -54,7 +53,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function Checkbox(_ref, _r
     }
   })), /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
-    className: labelClasses,
+    className: "".concat(prefix, "--checkbox-label"),
     title: title || null
   }, /*#__PURE__*/React__default.createElement(Text, {
     className: innerLabelClasses
@@ -103,8 +102,9 @@ Checkbox.propTypes = {
   labelText: PropTypes.node.isRequired,
 
   /**
-   * Receives three arguments: true/false, the checkbox's id, and the dom event.
-   * `(value, id, event) => console.log({value, id, event})`
+   * Provide an optional handler that is called when the internal state of
+   * Checkbox changes. This handler is called with event and state info.
+   * `(event, { checked, id }) => void`
    */
   onChange: PropTypes.func,
 

package/es/components/DataTable/TableActionList.js

@@ -10,7 +10,9 @@ import wrapComponent from '../../tools/wrapComponent.js';
 var TableActionList = wrapComponent({
   name: 'TableActionList',
   type: 'div',
-  className: "cds--action-list"
+  className: function className(prefix) {
+    return "".concat(prefix, "--action-list");
+  }
 });
 var TableActionList$1 = TableActionList;
 

package/es/components/DataTable/TableToolbarContent.js

@@ -10,7 +10,9 @@ import wrapComponent from '../../tools/wrapComponent.js';
 var TableToolbarContent = wrapComponent({
   name: 'TableToolbarContent',
   type: 'div',
-  className: "cds--toolbar-content"
+  className: function className(prefix) {
+    return "".concat(prefix, "--toolbar-content");
+  }
 });
 var TableToolbarContent$1 = TableToolbarContent;
 

package/es/components/FormGroup/FormGroup.js

@@ -79,8 +79,7 @@ FormGroup.propTypes = {
 FormGroup.defaultProps = {
   invalid: false,
   message: false,
-  messageText: '',
-  hasMargin: true
+  messageText: ''
 };
 var FormGroup$1 = FormGroup;
 

package/es/components/OverflowMenu/OverflowMenu.js

@@ -356,7 +356,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         "aria-label": ariaLabel,
         id: id,
         ref: mergeRefs(this._triggerRef, ref)
-      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps, iconDescription && /*#__PURE__*/React__default.createElement("title", null, iconDescription)), open && wrappedMenuBody));
+      }), /*#__PURE__*/React__default.createElement(IconElement, iconProps), open && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -53,8 +53,6 @@ function ProgressStep(_ref) {
 
 
   var SVGIcon = function SVGIcon(_ref2) {
-    var _title;
-
     var complete = _ref2.complete,
         current = _ref2.current,
         description = _ref2.description,
@@ -64,7 +62,7 @@ function ProgressStep(_ref) {
     if (invalid) {
       return /*#__PURE__*/React__default.createElement(Warning, {
         className: "".concat(prefix, "--progress__warning")
-      }, _title || (_title = /*#__PURE__*/React__default.createElement("title", null, description)));
+      }, /*#__PURE__*/React__default.createElement("title", null, description));
     }
 
     if (current) {

package/es/components/RadioButton/RadioButton.js

@@ -147,7 +147,7 @@ _defineProperty(RadioButton, "propTypes", {
   /**
    * Specify the value of the <RadioButton>
    */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 });
 
 _defineProperty(RadioButton, "contextType", PrefixContext);

package/es/components/Search/next/Search.js

@@ -143,6 +143,7 @@ var Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forwar
     className: clearClasses,
     disabled: disabled,
     onClick: clearInput,
+    title: closeButtonLabelText,
     type: "button"
   }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
 });

package/es/components/TreeView/TreeNode.js

@@ -64,6 +64,10 @@ function TreeNode(_ref) {
   var toggleClasses = cx("".concat(prefix, "--tree-parent-node__toggle-icon"), _defineProperty({}, "".concat(prefix, "--tree-parent-node__toggle-icon--expanded"), expanded));
 
   function handleToggleClick(event) {
+    if (disabled) {
+      return;
+    }
+
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, {
       id: id,
       isExpanded: !expanded,
@@ -96,6 +100,10 @@ function TreeNode(_ref) {
   function handleKeyDown(event) {
     var _rest$onKeyDown;
 
+    if (disabled) {
+      return;
+    }
+
     if (matches(event, [ArrowLeft, ArrowRight, Enter])) {
       event.stopPropagation();
     }

package/es/components/TreeView/TreeView.js

@@ -153,7 +153,7 @@ function TreeView(_ref) {
       var nodeIds = [];
 
       if (matches(event, [Home, End])) {
-        if (multiselect && event.shiftKey && event.ctrlKey) {
+        if (multiselect && event.shiftKey && event.ctrlKey && !treeWalker.current.currentNode.getAttribute('aria-disabled')) {
           var _treeWalker$current$c;
 
           nodeIds.push((_treeWalker$current$c = treeWalker.current.currentNode) === null || _treeWalker$current$c === void 0 ? void 0 : _treeWalker$current$c.id);
@@ -162,7 +162,7 @@ function TreeView(_ref) {
         while (match(event, Home) ? treeWalker.current.previousNode() : treeWalker.current.nextNode()) {
           nextFocusNode = treeWalker.current.currentNode;
 
-          if (multiselect && event.shiftKey && event.ctrlKey) {
+          if (multiselect && event.shiftKey && event.ctrlKey && !nextFocusNode.getAttribute('aria-disabled')) {
             var _nextFocusNode;
 
             nodeIds.push((_nextFocusNode = nextFocusNode) === null || _nextFocusNode === void 0 ? void 0 : _nextFocusNode.id);
@@ -176,9 +176,11 @@ function TreeView(_ref) {
         treeWalker.current.currentNode = treeWalker.current.root;
 
         while (treeWalker.current.nextNode()) {
-          var _treeWalker$current$c2;
+          if (!treeWalker.current.currentNode.getAttribute('aria-disabled')) {
+            var _treeWalker$current$c2;
 
-          nodeIds.push((_treeWalker$current$c2 = treeWalker.current.currentNode) === null || _treeWalker$current$c2 === void 0 ? void 0 : _treeWalker$current$c2.id);
+            nodeIds.push((_treeWalker$current$c2 = treeWalker.current.currentNode) === null || _treeWalker$current$c2 === void 0 ? void 0 : _treeWalker$current$c2.id);
+          }
         }
       }
 

package/es/components/UIShell/HeaderGlobalBar.js

@@ -13,7 +13,9 @@ import wrapComponent from '../../tools/wrapComponent.js';
 
 var HeaderGlobalBar = wrapComponent({
   name: 'HeaderGlobalBar',
-  className: "cds--header__global",
+  className: function className(prefix) {
+    return "".concat(prefix, "--header__global");
+  },
   type: 'div'
 });
 

package/es/tools/wrapComponent.js

@@ -9,26 +9,28 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
+import { usePrefix } from '../internal/usePrefix.js';
 
 var _excluded = ["className"];
 
 var wrapComponent = function wrapComponent(_ref) {
   var name = _ref.name,
-      className = _ref.className,
+      getClassName = _ref.className,
       type = _ref.type;
 
-  var Component = function Component(_ref2) {
+  function Component(_ref2) {
     var baseClassName = _ref2.className,
         other = _objectWithoutProperties(_ref2, _excluded);
 
-    var componentClass = cx(className, baseClassName);
+    var prefix = usePrefix();
+    var componentClass = cx(typeof getClassName === 'function' ? getClassName(prefix) : getClassName, baseClassName);
     return /*#__PURE__*/React__default.createElement(type, _objectSpread2(_objectSpread2({}, other), {}, {
       // Prevent Weird quirk where `cx` will evaluate to an empty string, '',
       // and so we have empty `class` attributes in the resulting markup
       // eslint-disable-next-line no-extra-boolean-cast
       className: !!componentClass ? componentClass : undefined
     }));
-  };
+  }
 
   Component.displayName = name;
   Component.propTypes = {

package/lib/_virtual/_rollupPluginBabelHelpers.js

@@ -86,7 +86,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -99,7 +99,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -122,18 +121,17 @@ function _inherits(subClass, superClass) {
 }
 
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
 

package/lib/components/Button/Button.Skeleton.js

@@ -55,7 +55,7 @@ var ButtonSkeleton = function ButtonSkeleton(_ref) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var buttonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
+  var buttonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--lg"), size === 'lg'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
 
   var commonProps = _rollupPluginBabelHelpers.objectSpread2({
     className: buttonClasses

package/lib/components/Checkbox/Checkbox.Skeleton.js

@@ -29,10 +29,12 @@ var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
 
   var prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-label"), className)
-  }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--checkbox-label")
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
-  }));
+  })));
 };
 
 CheckboxSkeleton.propTypes = {

package/lib/components/Checkbox/Checkbox.js

@@ -36,9 +36,8 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkb
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var labelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label"), [className]);
-  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
+  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
@@ -64,7 +63,7 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkb
     }
   })), /*#__PURE__*/React__default["default"].createElement("label", {
     htmlFor: id,
-    className: labelClasses,
+    className: "".concat(prefix, "--checkbox-label"),
     title: title || null
   }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     className: innerLabelClasses
@@ -113,8 +112,9 @@ Checkbox.propTypes = {
   labelText: PropTypes__default["default"].node.isRequired,
 
   /**
-   * Receives three arguments: true/false, the checkbox's id, and the dom event.
-   * `(value, id, event) => console.log({value, id, event})`
+   * Provide an optional handler that is called when the internal state of
+   * Checkbox changes. This handler is called with event and state info.
+   * `(event, { checked, id }) => void`
    */
   onChange: PropTypes__default["default"].func,
 

package/lib/components/DataTable/TableActionList.js

@@ -14,7 +14,9 @@ var wrapComponent = require('../../tools/wrapComponent.js');
 var TableActionList = wrapComponent["default"]({
   name: 'TableActionList',
   type: 'div',
-  className: "cds--action-list"
+  className: function className(prefix) {
+    return "".concat(prefix, "--action-list");
+  }
 });
 var TableActionList$1 = TableActionList;
 

package/lib/components/DataTable/TableToolbarContent.js

@@ -14,7 +14,9 @@ var wrapComponent = require('../../tools/wrapComponent.js');
 var TableToolbarContent = wrapComponent["default"]({
   name: 'TableToolbarContent',
   type: 'div',
-  className: "cds--toolbar-content"
+  className: function className(prefix) {
+    return "".concat(prefix, "--toolbar-content");
+  }
 });
 var TableToolbarContent$1 = TableToolbarContent;
 

package/lib/components/FormGroup/FormGroup.js

@@ -89,8 +89,7 @@ FormGroup.propTypes = {
 FormGroup.defaultProps = {
   invalid: false,
   message: false,
-  messageText: '',
-  hasMargin: true
+  messageText: ''
 };
 var FormGroup$1 = FormGroup;
 

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -386,7 +386,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         "aria-label": ariaLabel,
         id: id,
         ref: mergeRefs["default"](this._triggerRef, ref)
-      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps, iconDescription && /*#__PURE__*/React__default["default"].createElement("title", null, iconDescription)), open && wrappedMenuBody));
+      }), /*#__PURE__*/React__default["default"].createElement(IconElement, iconProps), open && wrappedMenuBody));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -63,8 +63,6 @@ function ProgressStep(_ref) {
 
 
   var SVGIcon = function SVGIcon(_ref2) {
-    var _title;
-
     var complete = _ref2.complete,
         current = _ref2.current,
         description = _ref2.description,
@@ -74,7 +72,7 @@ function ProgressStep(_ref) {
     if (invalid) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.Warning, {
         className: "".concat(prefix, "--progress__warning")
-      }, _title || (_title = /*#__PURE__*/React__default["default"].createElement("title", null, description)));
+      }, /*#__PURE__*/React__default["default"].createElement("title", null, description));
     }
 
     if (current) {

package/lib/components/RadioButton/RadioButton.js

@@ -157,7 +157,7 @@ _rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
   /**
    * Specify the value of the <RadioButton>
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 });
 
 _rollupPluginBabelHelpers.defineProperty(RadioButton, "contextType", usePrefix.PrefixContext);

package/lib/components/Search/next/Search.js

@@ -153,6 +153,7 @@ var Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_
     className: clearClasses,
     disabled: disabled,
     onClick: clearInput,
+    title: closeButtonLabelText,
     type: "button"
   }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
 });

package/lib/components/TreeView/TreeNode.js

@@ -74,6 +74,10 @@ function TreeNode(_ref) {
   var toggleClasses = cx__default["default"]("".concat(prefix, "--tree-parent-node__toggle-icon"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--tree-parent-node__toggle-icon--expanded"), expanded));
 
   function handleToggleClick(event) {
+    if (disabled) {
+      return;
+    }
+
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, {
       id: id,
       isExpanded: !expanded,
@@ -106,6 +110,10 @@ function TreeNode(_ref) {
   function handleKeyDown(event) {
     var _rest$onKeyDown;
 
+    if (disabled) {
+      return;
+    }
+
     if (match.matches(event, [keys.ArrowLeft, keys.ArrowRight, keys.Enter])) {
       event.stopPropagation();
     }

package/lib/components/TreeView/TreeView.js

@@ -182,7 +182,7 @@ function TreeView(_ref) {
       var nodeIds = [];
 
       if (match.matches(event, [keys.Home, keys.End])) {
-        if (multiselect && event.shiftKey && event.ctrlKey) {
+        if (multiselect && event.shiftKey && event.ctrlKey && !treeWalker.current.currentNode.getAttribute('aria-disabled')) {
           var _treeWalker$current$c;
 
           nodeIds.push((_treeWalker$current$c = treeWalker.current.currentNode) === null || _treeWalker$current$c === void 0 ? void 0 : _treeWalker$current$c.id);
@@ -191,7 +191,7 @@ function TreeView(_ref) {
         while (match.match(event, keys.Home) ? treeWalker.current.previousNode() : treeWalker.current.nextNode()) {
           nextFocusNode = treeWalker.current.currentNode;
 
-          if (multiselect && event.shiftKey && event.ctrlKey) {
+          if (multiselect && event.shiftKey && event.ctrlKey && !nextFocusNode.getAttribute('aria-disabled')) {
             var _nextFocusNode;
 
             nodeIds.push((_nextFocusNode = nextFocusNode) === null || _nextFocusNode === void 0 ? void 0 : _nextFocusNode.id);
@@ -205,9 +205,11 @@ function TreeView(_ref) {
         treeWalker.current.currentNode = treeWalker.current.root;
 
         while (treeWalker.current.nextNode()) {
-          var _treeWalker$current$c2;
+          if (!treeWalker.current.currentNode.getAttribute('aria-disabled')) {
+            var _treeWalker$current$c2;
 
-          nodeIds.push((_treeWalker$current$c2 = treeWalker.current.currentNode) === null || _treeWalker$current$c2 === void 0 ? void 0 : _treeWalker$current$c2.id);
+            nodeIds.push((_treeWalker$current$c2 = treeWalker.current.currentNode) === null || _treeWalker$current$c2 === void 0 ? void 0 : _treeWalker$current$c2.id);
+          }
         }
       }
 

package/lib/components/UIShell/HeaderGlobalBar.js

@@ -17,7 +17,9 @@ var wrapComponent = require('../../tools/wrapComponent.js');
 
 var HeaderGlobalBar = wrapComponent["default"]({
   name: 'HeaderGlobalBar',
-  className: "cds--header__global",
+  className: function className(prefix) {
+    return "".concat(prefix, "--header__global");
+  },
   type: 'div'
 });
 

package/lib/tools/wrapComponent.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.j
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
+var usePrefix = require('../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,21 +25,22 @@ var _excluded = ["className"];
 
 var wrapComponent = function wrapComponent(_ref) {
   var name = _ref.name,
-      className = _ref.className,
+      getClassName = _ref.className,
       type = _ref.type;
 
-  var Component = function Component(_ref2) {
+  function Component(_ref2) {
     var baseClassName = _ref2.className,
         other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
 
-    var componentClass = cx__default["default"](className, baseClassName);
+    var prefix = usePrefix.usePrefix();
+    var componentClass = cx__default["default"](typeof getClassName === 'function' ? getClassName(prefix) : getClassName, baseClassName);
     return /*#__PURE__*/React__default["default"].createElement(type, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, other), {}, {
       // Prevent Weird quirk where `cx` will evaluate to an empty string, '',
       // and so we have empty `class` attributes in the resulting markup
       // eslint-disable-next-line no-extra-boolean-cast
       className: !!componentClass ? componentClass : undefined
     }));
-  };
+  }
 
   Component.displayName = name;
   Component.propTypes = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.4.0-rc.0",
+  "version": "1.5.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,11 +42,11 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.7",
-    "@carbon/feature-flags": "^0.7.0",
-    "@carbon/icons-react": "^11.3.0-rc.0",
-    "@carbon/layout": "^11.2.0-rc.0",
-    "@carbon/styles": "^1.4.0-rc.0",
+    "@babel/runtime": "^7.18.3",
+    "@carbon/feature-flags": "^0.8.0",
+    "@carbon/icons-react": "^11.5.0",
+    "@carbon/layout": "^11.3.0",
+    "@carbon/styles": "^1.5.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -65,33 +65,33 @@
     "window-or-global": "^1.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.7",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-export-default-from": "^7.16.7",
-    "@babel/plugin-proposal-export-namespace-from": "^7.16.7",
-    "@babel/plugin-transform-react-constant-elements": "^7.16.7",
-    "@babel/preset-env": "^7.16.7",
-    "@babel/preset-react": "^7.16.7",
-    "@carbon/test-utils": "^10.24.0-rc.0",
-    "@carbon/themes": "^11.3.0-rc.0",
+    "@babel/core": "^7.18.2",
+    "@babel/plugin-proposal-class-properties": "^7.17.12",
+    "@babel/plugin-proposal-export-default-from": "^7.17.12",
+    "@babel/plugin-proposal-export-namespace-from": "^7.17.12",
+    "@babel/plugin-transform-react-constant-elements": "^7.17.12",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-react": "^7.17.12",
+    "@carbon/test-utils": "^10.25.0",
+    "@carbon/themes": "^11.4.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
-    "@storybook/addon-a11y": "^6.4.9",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-docs": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
+    "@storybook/addon-a11y": "^6.5.6",
+    "@storybook/addon-actions": "^6.5.6",
+    "@storybook/addon-docs": "^6.5.6",
+    "@storybook/addon-essentials": "^6.5.6",
     "@storybook/addon-knobs": "^6.4.0",
     "@storybook/addon-notes": "^5.3.21",
-    "@storybook/addon-storysource": "^6.4.9",
-    "@storybook/builder-webpack5": "^6.4.9",
-    "@storybook/manager-webpack5": "^6.4.9",
-    "@storybook/react": "^6.4.9",
-    "@storybook/theming": "^6.4.9",
+    "@storybook/addon-storysource": "^6.5.6",
+    "@storybook/builder-webpack5": "^6.5.6",
+    "@storybook/manager-webpack5": "^6.5.6",
+    "@storybook/react": "^6.5.6",
+    "@storybook/theming": "^6.5.6",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-carbon": "^0.2.1",
+    "babel-preset-carbon": "^0.3.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.0.0",
     "css-loader": "^6.5.1",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "b5930a4a638221e39b1dbce9c6b79e41dc340f68"
+  "gitHead": "b9bfd3eceeda13379b974831fb860ff6bd8064c5"
 }