@carbon/react 1.7.0-rc.0 → 1.7.0

package/es/components/MultiSelect/next/FilterableMultiSelect.js

@@ -260,7 +260,9 @@ var FilterableMultiSelect = /*#__PURE__*/React__default.forwardRef(function Filt
           // toggleMenu behavior for the toggleButton to correctly open and
           // close the menu.
           onMouseUp: function onMouseUp(event) {
-            event.stopPropagation();
+            if (isOpen) {
+              event.stopPropagation();
+            }
           }
         });
         var inputProps = getInputProps({

package/es/components/ProgressBar/ProgressBar.js

@@ -84,9 +84,9 @@ function ProgressBar(_ref) {
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--progress-bar__track"),
     role: "progressbar",
+    "aria-busy": !isFinished,
     "aria-invalid": isError,
     "aria-labelledby": labelId,
-    "aria-describedby": helperText ? helperId : null,
     "aria-valuemin": !indeterminate ? 0 : null,
     "aria-valuemax": !indeterminate ? max : null,
     "aria-valuenow": !indeterminate ? cappedValue : null
@@ -96,9 +96,12 @@ function ProgressBar(_ref) {
       transform: "scaleX(".concat(percentage, ")")
     } : null
   })), helperText && /*#__PURE__*/React__default.createElement("div", {
-    id: helperId,
     className: "".concat(prefix, "--progress-bar__helper-text")
-  }, helperText));
+  }, helperText, /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--visually-hidden"),
+    "aria-live": "polite",
+    id: helperId
+  }, isFinished ? 'Done' : 'Loading')));
 }
 
 ProgressBar.propTypes = {

package/es/components/UIShell/SideNavDetails.js

@@ -5,20 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
+var _excluded = ["children", "className", "title"];
+
 var SideNavDetails = function SideNavDetails(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
-      title = _ref.title;
+      title = _ref.title,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var prefix = usePrefix();
   var className = cx("".concat(prefix, "--side-nav__details"), customClassName);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     className: className
-  }, /*#__PURE__*/React__default.createElement("h2", {
+  }, rest), /*#__PURE__*/React__default.createElement("h2", {
     className: "".concat(prefix, "--side-nav__title"),
     title: title
   }, title), children);

package/lib/components/MultiSelect/next/FilterableMultiSelect.js

@@ -272,7 +272,9 @@ var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(fu
           // toggleMenu behavior for the toggleButton to correctly open and
           // close the menu.
           onMouseUp: function onMouseUp(event) {
-            event.stopPropagation();
+            if (isOpen) {
+              event.stopPropagation();
+            }
           }
         });
         var inputProps = getInputProps({

package/lib/components/ProgressBar/ProgressBar.js

@@ -94,9 +94,9 @@ function ProgressBar(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--progress-bar__track"),
     role: "progressbar",
+    "aria-busy": !isFinished,
     "aria-invalid": isError,
     "aria-labelledby": labelId,
-    "aria-describedby": helperText ? helperId : null,
     "aria-valuemin": !indeterminate ? 0 : null,
     "aria-valuemax": !indeterminate ? max : null,
     "aria-valuenow": !indeterminate ? cappedValue : null
@@ -106,9 +106,12 @@ function ProgressBar(_ref) {
       transform: "scaleX(".concat(percentage, ")")
     } : null
   })), helperText && /*#__PURE__*/React__default["default"].createElement("div", {
-    id: helperId,
     className: "".concat(prefix, "--progress-bar__helper-text")
-  }, helperText));
+  }, helperText, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--visually-hidden"),
+    "aria-live": "polite",
+    id: helperId
+  }, isFinished ? 'Done' : 'Loading')));
 }
 
 ProgressBar.propTypes = {

package/lib/components/UIShell/SideNavDetails.js

@@ -9,6 +9,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -20,15 +21,19 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var _excluded = ["children", "className", "title"];
+
 var SideNavDetails = function SideNavDetails(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
-      title = _ref.title;
+      title = _ref.title,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
   var prefix = usePrefix.usePrefix();
   var className = cx__default["default"]("".concat(prefix, "--side-nav__details"), customClassName);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: className
-  }, /*#__PURE__*/React__default["default"].createElement("h2", {
+  }, rest), /*#__PURE__*/React__default["default"].createElement("h2", {
     className: "".concat(prefix, "--side-nav__title"),
     title: title
   }, title), children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.7.0-rc.0",
+  "version": "1.7.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,7 +46,7 @@
     "@carbon/feature-flags": "^0.8.0",
     "@carbon/icons-react": "^11.5.0",
     "@carbon/layout": "^11.3.0",
-    "@carbon/styles": "^1.6.0",
+    "@carbon/styles": "^1.7.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -111,7 +111,7 @@
     "rollup-plugin-strip-banner": "^2.0.0",
     "rtlcss": "^3.5.0",
     "sass": "^1.51.0",
-    "sass-loader": "^12.4.0",
+    "sass-loader": "^13.0.0",
     "storybook-readme": "^5.0.9",
     "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.1",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a0ece2d0b5c0b85dc2cce0757f1d9b2d5ee0ce1b"
+  "gitHead": "65f0882c8fbf9f52f9acf8cf899b124f9cbab720"
 }