@carbon/ibm-products 1.59.0 → 1.60.0

package/es/components/Datagrid/utils/DatagridPagination.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/prop-types */
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Datagrid/utils/getArgTypes.js

@@ -91,6 +91,18 @@ export var ARG_TYPES = {
     },
     description: 'This value controls the height of the expanded content area. _This value is set/passed inside of the `datagridState` object._'
   },
+  expanderButtonTitleExpanded: {
+    control: {
+      type: 'text'
+    },
+    description: 'This value controls the expander title/aria-label when expanded. _This value is set/passed inside of the `datagridState` object._'
+  },
+  expanderButtonTitleCollapsed: {
+    control: {
+      type: 'text'
+    },
+    description: 'This value controls the expander title/aria-label when expanded. _This value is set/passed inside of the `datagridState` object._'
+  },
   customizeColumnsProps: {
     control: 'object',
     description: 'This is an object containing all of the props used with the column customization extension. _This value is set/passed inside of the `datagridState` object._'

package/es/components/EmptyStates/EmptyState.js

@@ -50,7 +50,7 @@ export var EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   };
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--default")),
     ref: ref
   }, getDevtoolsProps(componentName)), illustration && renderIllustration(), /*#__PURE__*/React.createElement(EmptyStateContent, {
     action: action,

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -38,7 +38,7 @@ export var ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--error")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ErrorIllustration, {
     theme: illustrationTheme,

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -38,7 +38,7 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--noData")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoDataIllustration, {
     theme: illustrationTheme,

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -38,7 +38,7 @@ export var NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--noTags")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NoTagsIllustration, {
     theme: illustrationTheme,

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -38,7 +38,7 @@ export var NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, re
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--notFound")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotFoundIllustration, {
     theme: illustrationTheme,

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -38,7 +38,7 @@ export var NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_re
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--notifications")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(NotificationsIllustration, {
     size: size,

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -38,7 +38,7 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
+    className: cx(blockClass, className, "".concat(blockClass, "-type--default")),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(UnauthorizedIllustration, {
     size: size,

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -24,13 +24,14 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 38.9,
     y1: 77.08,
@@ -94,13 +95,7 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M38.93 49.79a6.9 6.9 0 01-2.66-2.51 6.11 6.11 0 01-.81-3v-1a2.26 2.26 0 01.81-2c.54-.35 1.43-.17 2.66.54a6.71 6.71 0 012.61 2.5 6.06 6.06 0 01.81 3v1a2.24 2.24 0 01-.81 2.05c-.54.29-1.41.12-2.61-.58zm-1.16-11.63L36 22.77V13l5.81 3.36v9.73l-1.64 13.46z",
     fill: "#525252"
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 29.96,
     y1: 45.68,
@@ -210,7 +205,7 @@ export var ErrorIllustration = function ErrorIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M38.93 49.79a6.9 6.9 0 01-2.66-2.51 6.11 6.11 0 01-.81-3v-1a2.26 2.26 0 01.81-2c.54-.35 1.43-.17 2.66.54a6.71 6.71 0 012.61 2.5 6.06 6.06 0 01.81 3v1a2.24 2.24 0 01-.81 2.05c-.54.29-1.41.12-2.61-.58zm-1.16-11.63L36 22.77V13l5.81 3.36v9.73l-1.64 13.46z",
     fill: "url(#prefix__e_".concat(svgId, ")")
-  }));
+  })));
 };
 ErrorIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -24,13 +24,14 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 11.12,
     y1: 43.34,
@@ -93,13 +94,7 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     fill: "#525252",
     d: "M21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 18.35,
     y1: 74.17,
@@ -173,7 +168,7 @@ export var NoDataIllustration = function NoDataIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     className: "prefix__g_".concat(svgId),
     d: "M40 35.24L11.13 18.57v-.24l.21-.12 28.87 16.67-.21.11v.25zM21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
-  }));
+  })));
 };
 NoDataIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -24,14 +24,15 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__c_dark_".concat(svgId),
     x1: 34.96,
     y1: 5.37,
@@ -231,14 +232,7 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M35.67 16.33a2.88 2.88 0 011.41.43 7 7 0 013.13 5.44c0 1.42-.7 2.24-1.73 2.24a2.82 2.82 0 01-1.4-.43 6.93 6.93 0 01-3.14-5.44c0-1.42.7-2.24 1.73-2.24m0-.41c-1.3 0-2.15 1-2.15 2.65a7.3 7.3 0 003.35 5.8 3.23 3.23 0 001.61.48c1.3 0 2.15-1 2.15-2.65a7.29 7.29 0 00-3.35-5.8 3.2 3.2 0 00-1.61-.48z",
     fill: "url(#prefix__i_dark_".concat(svgId, ")")
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_".concat(svgId),
     x1: 634.81,
     y1: 667.18,
@@ -481,7 +475,7 @@ export var NoTagsIllustration = function NoTagsIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M35.67 16.33a2.88 2.88 0 011.41.43 7 7 0 013.13 5.44c0 1.42-.7 2.24-1.73 2.24a2.82 2.82 0 01-1.4-.43 6.93 6.93 0 01-3.14-5.44c0-1.42.7-2.24 1.73-2.24m0-.41c-1.3 0-2.15 1-2.15 2.65a7.3 7.3 0 003.35 5.8 3.23 3.23 0 001.61.48c1.3 0 2.15-1 2.15-2.65a7.29 7.29 0 00-3.35-5.8 3.2 3.2 0 00-1.61-.48z",
     fill: "url(#prefix__j_".concat(svgId, ")")
-  }));
+  })));
 };
 NoTagsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -24,13 +24,14 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 2.6,
     y1: -12.81,
@@ -181,14 +182,7 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M57 37.5c0-12-8.75-26.85-19.56-33.08C31.82 1.16 26.73.89 23.16 3.09l-4.83 2.78 1.19 1.94c3.25-1.74 7.72-1.38 12.67 1.47C42.09 15 50.11 28.57 50.11 39.6c0 4.86-1.55 8.4-4.11 10.4-.12.1-1.17.73-1.31.82l2.12 1.42 4.83-2.79C55 47.44 57 43.34 57 37.5",
     fill: "url(#prefix__f_dark_".concat(svgId, ")")
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 2.6,
     y1: -12.81,
@@ -358,7 +352,7 @@ export var NotFoundIllustration = function NotFoundIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M57 37.5c0-12-8.75-26.85-19.56-33.08C31.82 1.16 26.73.89 23.16 3.09l-4.83 2.78 1.19 1.94c3.25-1.74 7.72-1.38 12.67 1.47C42.09 15 50.11 28.57 50.11 39.6c0 4.86-1.55 8.4-4.11 10.4-.12.1-1.17.73-1.31.82l2.12 1.42 4.83-2.79C55 47.44 57 43.34 57 37.5",
     fill: "url(#prefix__g_".concat(svgId, ")")
-  }));
+  })));
 };
 NotFoundIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -24,13 +24,14 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_dark_".concat(svgId),
     x1: 30.05,
     y1: 54.31,
@@ -126,14 +127,7 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
   }), /*#__PURE__*/React.createElement("path", {
     d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
     fill: "url(#prefix__d_dark_".concat(svgId, ")")
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__a_".concat(svgId),
     x1: 61.44,
     y1: 66.99,
@@ -329,7 +323,7 @@ export var NotificationsIllustration = function NotificationsIllustration(_ref)
   }), /*#__PURE__*/React.createElement("path", {
     d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
     fill: "url(#prefix__k_".concat(svgId, ")")
-  }));
+  })));
 };
 NotificationsIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -24,14 +24,15 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var svgId = uuidv4();
-  return theme === 'dark' ? /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
+    role: "img"
+  }), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b_dark_".concat(svgId),
     x1: 17.33,
     y1: 40.68,
@@ -114,14 +115,7 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
     fill: "#6f6f6f"
-  })) : /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    width: 80,
-    height: 80,
-    viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "prefix__b",
     x1: 27.98,
     y1: 73.72,
@@ -302,7 +296,7 @@ export var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
     fill: "url(#prefix__h_".concat(svgId, ")")
-  }));
+  })));
 };
 UnauthorizedIllustration.propTypes = {
   size: PropTypes.oneOf(['lg', 'sm']),

package/es/components/FilterSummary/FilterSummary.js

@@ -1,3 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["key", "value"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * Copyright IBM Corp. 2022, 2022
  *
@@ -25,11 +30,12 @@ var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var tagFilters = filters.map(function (_ref2) {
     var _renderLabel;
     var key = _ref2.key,
-      value = _ref2.value;
-    return {
+      value = _ref2.value,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+    return _objectSpread(_objectSpread({}, rest), {}, {
       type: 'gray',
       label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
-    };
+    });
   });
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/es/components/TagSet/TagSet.js

@@ -23,7 +23,7 @@ import { TagSetModal } from './TagSetModal';
 import { Tag } from 'carbon-components-react';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { prepareProps, isRequiredIf } from '../../global/js/utils/props-helper';
+import { isRequiredIf } from '../../global/js/utils/props-helper';
 import { pkg } from '../../settings';
 var componentName = 'TagSet';
 var blockClass = "".concat(pkg.prefix, "--tag-set");
@@ -110,8 +110,7 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         }
       }, /*#__PURE__*/React.createElement(Tag, _extends({}, other, {
         // ensure id is not duplicated
-        "data-original-id": id,
-        filter: false
+        "data-original-id": id
       }), label));
     }) : []);
     setSizingTags(newSizingTags);
@@ -122,7 +121,6 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       var label = _ref3.label,
         other = _objectWithoutProperties(_ref3, _excluded3);
       return /*#__PURE__*/React.createElement(Tag, _extends({}, other, {
-        filter: false,
         key: "displayed-tag-".concat(index)
       }), label);
     }) : [];
@@ -313,12 +311,10 @@ TagSet.propTypes = {
    * with properties: **label**\* (required) to supply the tag content, and
    * other properties will be passed to the Carbon Tag component, such as
    * **type**, **disabled**, **ref**, **className** , and any other Tag props.
-   * NOTE: **filter** is not supported. Any other fields in the object will be passed through to the HTML element
-   * as HTML attributes.
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
    */
-  tags: PropTypes.arrayOf(PropTypes.shape(_objectSpread(_objectSpread({}, prepareProps(Tag.propTypes, 'filter')), {}, {
+  tags: PropTypes.arrayOf(PropTypes.shape(_objectSpread(_objectSpread({}, Tag.propTypes), {}, {
     label: PropTypes.string.isRequired,
     // we duplicate this prop to improve the DocGen
     type: PropTypes.oneOf(tagTypes)

package/es/global/js/hooks/useWindowScroll.js

@@ -68,4 +68,9 @@ export function useNearestScroll(ref, effect, deps) {
     scrollableTarget = window;
   }
   return useTargetScroll(scrollableTarget, effect, deps, throttle);
+}
+export function useScroll(ref, effect, deps) {
+  var _ref$current;
+  var throttle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  return useTargetScroll((_ref$current = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _ref$current !== void 0 ? _ref$current : null, effect, deps, throttle);
 }

package/lib/components/Checklist/ChecklistChart.js

@@ -47,8 +47,8 @@ var ChecklistChart = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var numDegrees = (0, _clamp.default)(value * 360, 0, 360);
-  var circleColor = theme === 'light' ? '#c6c6c6' : '#525252'; // $gray-30, $gray-70
-  var progressColor = theme === 'light' ? '#6929c4' : '#A56EFF'; // $purple-70, $purple-50
+  var circleColor = theme === 'light' ? '#e0e0e0' : '#525252'; // $ui-03 (-ish)
+  var progressColor = theme === 'light' ? '#a56eff' : '#a56eff'; // $purple-50
 
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className),

package/lib/components/Datagrid/Datagrid/Datagrid.js

@@ -40,7 +40,8 @@ var Datagrid = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     datagridState: datagridState
   };
   return /*#__PURE__*/_react.default.createElement(_FilterProvider.FilterProvider, {
-    filters: filters
+    filters: filters,
+    filterProps: filterProps
   }, /*#__PURE__*/_react.default.createElement(_InlineEditContext.InlineEditProvider, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     id: tableId,
     ref: ref,

package/lib/components/Datagrid/Datagrid/DatagridContent.js

@@ -26,10 +26,12 @@ var _FilterPanel = _interopRequireDefault(require("./addons/Filtering/FilterPane
 var _FilterSummary = require("../../FilterSummary");
 var _Filtering = require("./addons/Filtering");
 var _constants = require("./addons/Filtering/constants");
+var _hooks3 = require("./addons/Filtering/hooks");
+var _FilterProvider = require("./addons/Filtering/FilterProvider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -72,8 +74,11 @@ var DatagridContent = function DatagridContent(_ref) {
     DatagridActions = datagridState.DatagridActions,
     totalColumnsWidth = datagridState.totalColumnsWidth,
     gridRef = datagridState.gridRef,
-    state = datagridState.state;
-  var rows = DatagridPagination && datagridState.page || datagridState.rows;
+    setAllFilters = datagridState.setAllFilters,
+    state = datagridState.state,
+    page = datagridState.page,
+    rows = datagridState.rows;
+  var contentRows = DatagridPagination && page || rows;
   var gridAreaRef = (0, _react.useRef)();
   var multiKeyTrackingRef = (0, _react.useRef)();
   (0, _hooks.useClickOutside)(gridAreaRef, function (target) {
@@ -111,8 +116,8 @@ var DatagridContent = function DatagridContent(_ref) {
         return (0, _handleGridFocus.handleGridFocus)(inlineEditState, dispatch);
       } : null,
       title: title
-    }), !withVirtualScroll ? /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState) : null, /*#__PURE__*/_react.default.createElement(_DatagridBody.default, (0, _extends2.default)({}, datagridState, {
-      rows: rows
+    }), !withVirtualScroll && /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState), /*#__PURE__*/_react.default.createElement(_DatagridBody.default, (0, _extends2.default)({}, datagridState, {
+      rows: contentRows
     })));
   };
   var _useMultipleKeyTracki = (0, _hooks2.useMultipleKeyTracking)({
@@ -135,6 +140,9 @@ var DatagridContent = function DatagridContent(_ref) {
       gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), (0, _layout.px)((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
     }
   }, [withInlineEdit, tableId, totalColumnsWidth, datagridState, gridActive]);
+  (0, _hooks3.useSubscribeToEventEmitter)(_constants.CLEAR_SINGLE_FILTER, function (id) {
+    return (0, _FilterProvider.clearSingleFilter)(id, setAllFilters, state);
+  });
   var renderFilterSummary = function renderFilterSummary() {
     return state.filters.length > 0 && /*#__PURE__*/_react.default.createElement(_FilterSummary.FilterSummary, {
       className: "".concat(blockClass, "__filter-summary"),
@@ -163,7 +171,7 @@ var DatagridContent = function DatagridContent(_ref) {
   }, renderTable()) : withVirtualScroll ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__virtualScrollContainer"),
     ref: gridRef
-  }, renderTable()) : renderTable()))), (rows === null || rows === void 0 ? void 0 : rows.length) > 0 && !isFetching && DatagridPagination && /*#__PURE__*/_react.default.createElement(DatagridPagination, datagridState), CustomizeColumnsTearsheet && /*#__PURE__*/_react.default.createElement(CustomizeColumnsTearsheet, {
+  }, renderTable()) : renderTable()))), (contentRows === null || contentRows === void 0 ? void 0 : contentRows.length) > 0 && !isFetching && DatagridPagination && /*#__PURE__*/_react.default.createElement(DatagridPagination, datagridState), CustomizeColumnsTearsheet && /*#__PURE__*/_react.default.createElement(CustomizeColumnsTearsheet, {
     instance: datagridState
   }));
 };

package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -40,13 +40,14 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
     action: emptyStateAction,
     link: emptyStateLink
   };
+  var validEmptyStates = ['error', 'noData', 'notFound'];
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
     role: false
   }), {
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/_react.default.createElement(TableRow, null, /*#__PURE__*/_react.default.createElement(TableCell, {
     colSpan: headers.length
-  }, emptyStateType === 'error' && /*#__PURE__*/_react.default.createElement(_EmptyStates.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NotFoundEmptyState, emptyStateProps))));
+  }, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyStateType === 'error' && /*#__PURE__*/_react.default.createElement(_EmptyStates.ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/_react.default.createElement(_EmptyStates.EmptyState, emptyStateProps))));
 };
 var _default = DatagridEmptyBody;
 exports.default = _default;

package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js

@@ -7,28 +7,41 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _settings = require("../../../settings");
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2020
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
  */
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 
 // eslint-disable-next-line react/prop-types
-var DatagridExpandedRow = function DatagridExpandedRow(PreviousRowRenderer, ExpandedRowContentComponent) {
+var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentComponent) {
   return function (datagridState) {
     var row = datagridState.row;
     var _ref = row || {},
       expandedContentHeight = _ref.expandedContentHeight;
-    if (!row.isExpanded) {
-      return PreviousRowRenderer(datagridState);
-    }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(blockClass, "__expanded-row")
-    }, PreviousRowRenderer(datagridState), /*#__PURE__*/_react.default.createElement("div", {
+    var toggleParentHoverClass = function toggleParentHoverClass(event, eventType) {
+      var _event$target, _event$target$parentN;
+      if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && (_event$target$parentN = _event$target.parentNode) !== null && _event$target$parentN !== void 0 && _event$target$parentN.previousElementSibling) {
+        var parentNode = event.target.parentNode.previousElementSibling;
+        if (eventType === 'enter') {
+          parentNode.classList.add("".concat(blockClass, "__expandable-row--hover"));
+        } else {
+          parentNode.classList.remove("".concat(blockClass, "__expandable-row--hover"));
+        }
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      className: "".concat(blockClass, "__expanded-row"),
+      onMouseEnter: function onMouseEnter(event) {
+        return toggleParentHoverClass(event, 'enter');
+      },
+      onMouseLeave: function onMouseLeave(event) {
+        return toggleParentHoverClass(event);
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(blockClass, "__expanded-row-content"),
       style: {
         height: expandedContentHeight ? expandedContentHeight : null