@carbon/ibm-products 1.58.0 → 1.59.0

package/lib/components/InlineTip/InlineTip.js

@@ -17,6 +17,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("./utils");
 var _SteppedAnimatedMedia = require("../SteppedAnimatedMedia");
 var _devtools = require("../../global/js/utils/devtools");
+var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 var _settings = require("../../settings");
 var _excluded = ["children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "action", "title", "media"];
 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); }
@@ -78,6 +79,7 @@ var InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isCollapsed = _useState2[0],
     setIsCollapsed = _useState2[1];
+  var labelId = (0, _react.useRef)((0, _uuidv.default)()).current;
   var previewText = (0, _react.useMemo)(function () {
     return (0, _utils.getComponentText)(_react.default.Children.toArray(children));
   }, [children]);
@@ -93,6 +95,7 @@ var InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     setIsCollapsed(collapsible);
   }, [collapsible]);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+    "aria-labelledby": labelId,
     className: (0, _classnames.default)(blockClass,
     // Apply the block class to the main HTML element
     className,
@@ -114,6 +117,7 @@ var InlineTip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/_react.default.createElement(_iconsReact.Idea20, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/_react.default.createElement("h6", {
+    id: labelId,
     className: "".concat(blockClass, "__title")
   }, title), /*#__PURE__*/_react.default.createElement("section", {
     className: "".concat(blockClass, "__body")

package/lib/components/InlineTip/InlineTipButton.js

@@ -38,7 +38,7 @@ var componentName = 'InlineTipButton';
 // };
 
 /**
- * TODO: A description of the component.
+ * TODO: A standard Carbon button, styled specifically for use inside InlineTip.
  */
 var InlineTipButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -61,17 +61,10 @@ var InlineTipButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
   }), children);
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.InlineTipButton = InlineTipButton;
-exports.InlineTipButton = InlineTipButton = _settings.pkg.checkComponentEnabled(InlineTipButton, componentName);
-
-// The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-InlineTipButton.displayName = componentName;
-
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
+exports.InlineTipButton = InlineTipButton;
 InlineTipButton.propTypes = {
   /**
    * Provide the contents of the InlineTipButton.

package/lib/components/InlineTip/InlineTipLink.js

@@ -39,7 +39,7 @@ var componentName = 'InlineTipLink';
 // };
 
 /**
- * TODO: A description of the component.
+ * TODO: A standard Carbon link, styled specifically for use inside InlineTip.
  */
 var InlineTipLink = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -61,17 +61,10 @@ var InlineTipLink = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
   }), children);
 });
 
-// Return a placeholder if not released and not enabled by feature flag
-exports.InlineTipLink = InlineTipLink;
-exports.InlineTipLink = InlineTipLink = _settings.pkg.checkComponentEnabled(InlineTipLink, componentName);
-
-// The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-InlineTipLink.displayName = componentName;
-
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
+exports.InlineTipLink = InlineTipLink;
 InlineTipLink.propTypes = {
   /**
    * Provide the contents of the InlineTipLink.

package/lib/global/js/utils/test-helper.js

@@ -119,7 +119,7 @@ var makeMatcherArray = function makeMatcherArray(args) {
  * A helper function to enable a test to expect a single call to
  * console.warn, for example when intentionally using a deprecated prop
  * or supplying invalid parameters for the purposes of the test.
- * @param {string|regex|Function|[]} message the expected parameters for the call to
+ * @param {string | regex | Function | []} message the expected parameters for the call to
  * console.warn, which must be called exactly once. A single string or regex or an
  * expect matcher can be used to match a single-argument call to console.warn (most common),
  * while an array of strings and/or regex and/or expect matchers can be used to match a
@@ -233,7 +233,7 @@ var expectLogging = function expectLogging(_ref2, test) {
  * A helper function to enable a test to expect a single call to
  * console.error, for example when intentionally omitting a required prop
  * or supplying an invalid prop type or value for the purposes of the test.
- * @param {string|regex|Function|[]} message the expected parameters for the call to
+ * @param {string | regex | Function | []} message the expected parameters for the call to
  * console.error, which must be called exactly once. A single string or regex or an
  * expect matcher can be used to match a single-argument call to console.error (most common),
  * while an array of strings and/or regex and/or expect matchers can be used to match a

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.58.0",
+  "version": "1.59.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -83,18 +83,18 @@
     "react-window": "^1.8.8"
   },
   "peerDependencies": {
-    "@carbon/colors": "^10.37.1",
-    "@carbon/icons-react": "^10.49.1",
+    "@carbon/colors": "^10.37.2",
+    "@carbon/icons-react": "^10.49.2",
     "@carbon/import-once": "^10.7.0",
-    "@carbon/layout": "^10.37.1",
-    "@carbon/motion": "^10.29.1",
-    "@carbon/themes": "^10.55.2",
-    "@carbon/type": "^10.45.2",
-    "carbon-components": "^10.58.8",
-    "carbon-components-react": "^7.59.9",
+    "@carbon/layout": "^10.37.2",
+    "@carbon/motion": "^10.29.2",
+    "@carbon/themes": "^10.55.3",
+    "@carbon/type": "^10.45.3",
+    "carbon-components": "^10.58.9",
+    "carbon-components-react": "^7.59.11",
     "carbon-icons": "^7.0.7",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "ffa0060023f47e9a1dedcfa78fd4279db1c932e4"
+  "gitHead": "873c5ae8e573e99c87aadd1d300c967d7da635e6"
 }

package/scss/components/ComboButton/_combo-button.scss

@@ -29,7 +29,8 @@
     .#{$security--prefix}--combo-button__overflow-menu {
     width: carbon--mini-units($count: 6);
     height: auto;
-    border-left: carbon--rem($px: 1px) solid $ui-03;
+    /* stylelint-disable-next-line function-no-unknown */ // carbon--rem renamed to to-rem
+    border-left: to-rem($px: 1px) solid $ui-03;
     background-color: $interactive-01;
   }
 

package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss

@@ -8,11 +8,16 @@
 
 @import '../variables';
 
+.#{$block-class}__row-size {
+  position: relative;
+}
+
 .#{$block-class}__row-size-dropdown {
   position: absolute;
+  right: 0;
+  width: 10rem;
   padding: $spacing-05;
   background-color: $ui-background;
-
   box-shadow: 1px 4px 8px -3px $overlay-01, -1px 6px 8px -5px $overlay-01;
 }
 

package/scss/components/Toolbar/_toolbar.scss

@@ -11,12 +11,14 @@
 @include exports('ibm-products--toolbar') {
   $block-class: #{$pkg-prefix}--toolbar;
 
-  $border: carbon--rem(
+  /* stylelint-disable-next-line function-no-unknown */ // carbon--rem renamed to to-rem
+  $border: to-rem(
       $px: 1px,
     )
     solid $ui-03;
 
-  $toolbar-dimensions: carbon--rem(
+  /* stylelint-disable-next-line function-no-unknown */ // carbon--rem renamed to to-rem
+  $toolbar-dimensions: to-rem(
     $px: 40px,
   );
 
@@ -61,7 +63,8 @@
   }
 
   .#{$block-class}__button__caret {
-    $caret-dimensions: carbon--rem(
+    /* stylelint-disable-next-line function-no-unknown */ // carbon--rem renamed to to-rem
+    $caret-dimensions: to-rem(
       $px: 6px,
     );