@carbon/ibm-products 2.51.0 → 2.52.0

package/lib/components/Toolbar/ToolbarButton.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Toolbar = require('./Toolbar.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/Toolbar/ToolbarGroup.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var Toolbar = require('./Toolbar.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/TooltipTrigger/TooltipTrigger.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 

package/lib/components/TruncatedList/TruncatedList.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 

package/lib/components/UserAvatar/UserAvatar.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 require('../../global/js/utils/props-helper.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/WebTerminal/WebTerminal.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var carbonMotion = require('@carbon/motion');

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var index$1 = require('./hooks/index.js');

package/lib/components/WebTerminal/hooks/index.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var settings = require('../../../settings.js');
 
 var WebTerminalContext = /*#__PURE__*/React.createContext({});

package/lib/components/_Canary/Canary.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var packageSettings = require('../../global/js/package-settings.js');
 var react = require('@carbon/react');

package/lib/global/js/utils/Wrap.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 
 var _excluded = ["alwaysRender", "children", "element", "neverRender", "className", "title"];
 

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

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 require('react');
-var index = require('../../../node_modules/prop-types/index.js');
+var index = require('../../../_virtual/index.js');
 var pconsole = require('./pconsole.js');
 
 // helper functions for component props

package/lib/node_modules/@carbon/icons-react/es/Icon.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../icon-helpers/es/index.js');
-var index$1 = require('../../../prop-types/index.js');
+var index$1 = require('../../../../_virtual/index.js');
 var React = require('react');
 
 var _excluded = ["className", "children", "tabIndex", "xmlns", "preserveAspectRatio"],

package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var index = require('../../../prop-types/index.js');
+var index = require('../../../../_virtual/index.js');
 
 var iconPropTypes = {
   size: index.default.oneOfType([index.default.number, index.default.string])

package/lib/node_modules/prop-types/checkPropTypes.js

@@ -18,9 +18,9 @@ function requireCheckPropTypes() {
   hasRequiredCheckPropTypes = 1;
   var printWarning = function printWarning() {};
   if (process.env.NODE_ENV !== 'production') {
-    var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
+    var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
     var loggedTypeFailures = {};
-    var has$1 = has.__require();
+    var has$1 = /*@__PURE__*/has.__require();
     printWarning = function printWarning(text) {
       var message = 'Warning: ' + text;
       if (typeof console !== 'undefined') {

package/lib/node_modules/prop-types/factoryWithThrowingShims.js

@@ -14,7 +14,7 @@ var hasRequiredFactoryWithThrowingShims;
 function requireFactoryWithThrowingShims() {
   if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
   hasRequiredFactoryWithThrowingShims = 1;
-  var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
+  var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
   function emptyFunction() {}
   function emptyFunctionWithReset() {}
   emptyFunctionWithReset.resetWarningCache = emptyFunction;

package/lib/node_modules/prop-types/factoryWithTypeCheckers.js

@@ -21,9 +21,9 @@ function requireFactoryWithTypeCheckers() {
   hasRequiredFactoryWithTypeCheckers = 1;
   var ReactIs = require$$0;
   var assign = index.__require();
-  var ReactPropTypesSecret$1 = ReactPropTypesSecret.__require();
-  var has$1 = has.__require();
-  var checkPropTypes$1 = checkPropTypes.__require();
+  var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
+  var has$1 = /*@__PURE__*/has.__require();
+  var checkPropTypes$1 = /*@__PURE__*/checkPropTypes.__require();
   var printWarning = function printWarning() {};
   if (process.env.NODE_ENV !== 'production') {
     printWarning = function printWarning(text) {

package/lib/node_modules/prop-types/index.js

@@ -7,28 +7,28 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
-var index = require('../../_virtual/index.js');
+var index = require('../../_virtual/index2.js');
 var require$$0 = require('react-is');
 var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
 var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');
 
-if (process.env.NODE_ENV !== 'production') {
-  var ReactIs = require$$0;
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes) return index.__module.exports;
+  hasRequiredPropTypes = 1;
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = require$$0;
 
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess = true;
-  index.__module.exports = factoryWithTypeCheckers.__require()(ReactIs.isElement, throwOnDirectAccess);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  index.__module.exports = factoryWithThrowingShims.__require()();
+    // By explicitly using `prop-types` you are opting into new development behavior.
+    // http://fb.me/prop-types-in-prod
+    var throwOnDirectAccess = true;
+    index.__module.exports = /*@__PURE__*/factoryWithTypeCheckers.__require()(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    // By explicitly using `prop-types` you are opting into new production behavior.
+    // http://fb.me/prop-types-in-prod
+    index.__module.exports = /*@__PURE__*/factoryWithThrowingShims.__require()();
+  }
+  return index.__module.exports;
 }
-var propTypesExports = index.__module.exports;
-var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
 
-exports.default = PropTypes;
-exports.propTypesExports = propTypesExports;
+exports.__require = requirePropTypes;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.51.0",
+  "version": "2.52.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -67,9 +67,9 @@
     "@babel/preset-typescript": "^7.21.5",
     "@ibm/telemetry-js-config-generator": "^1.0.3",
     "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-commonjs": "^25.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-typescript": "^11.0.0",
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
     "@types/react-table": "^7.7.20",
     "babel-plugin-dev-expression": "^0.2.3",
     "babel-preset-ibm-cloud-cognitive": "^0.14.40",
@@ -81,7 +81,7 @@
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.10.0",
+    "jest-config-ibm-cloud-cognitive": "^1.11.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^16.14.12",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.22.0",
-    "@carbon/ibm-products-styles": "^2.47.0",
+    "@carbon/ibm-products-styles": "^2.48.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "0f55790655dfe7fff9838d02418c1098f0d2bb26"
+  "gitHead": "5f2a18957b7d16603d26f9519cc503a11e52cbad"
 }

package/scss/components/CreateTearsheet/_create-tearsheet.scss

@@ -81,7 +81,7 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
 }
 
 .#{$create-tearsheet-block-class} .#{$create-tearsheet-block-class}__content {
-  height: 100%;
+  min-height: 100%;
   padding-top: $spacing-06;
   padding-bottom: $spacing-06;
   overflow-x: hidden;

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -735,6 +735,10 @@
 
 .#{$block-class}__virtualScrollContainer {
   width: 100%;
+  .#{c4p-settings.$carbon-prefix}--data-table-content {
+    // overrides default scroll overflow as we handle overflow in thead and tbody separately for virtualScrollContainer variant
+    overflow-x: hidden;
+  }
 }
 
 .#{$block-class} .#{c4p-settings.$carbon-prefix}--modal {
@@ -781,6 +785,13 @@
 .#{$block-class} .#{c4p-settings.$pkg-prefix}--datagrid__head-wrap {
   overflow: hidden;
   background-color: $layer-accent;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.#{$block-class}
+  .#{c4p-settings.$pkg-prefix}--datagrid__head-wrap::-webkit-scrollbar {
+  display: none;
 }
 
 .#{$block-class}

package/scss/components/DecoratorBase/_decorator-base.scss

@@ -17,7 +17,6 @@
 // DecoratorBase uses the following Carbon for IBM Products components:
 @use '@carbon/layout/scss/convert' as *;
 @use '@carbon/react/scss/colors' as *;
-@use '@carbon/styles/scss/colors' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes';

package/scss/components/EditInPlace/_edit-in-place.scss

@@ -59,8 +59,8 @@ $carbon-input: #{$carbon-prefix}--text-input;
 }
 
 .#{$block-class}--focused {
-  border: 2px solid $focus;
   background: $field-01;
+  outline: 2px solid $focus;
 }
 
 .#{$block-class}__text-input {

package/scss/components/TagOverflow/_tag-overflow.scss

@@ -100,6 +100,8 @@ $block-class-modal: #{$block-class}-modal;
   }
 
   .#{$block-class-overflow}__trigger {
+    /* stylelint-disable-next-line declaration-no-important */
+    border: none !important;
     font-family: inherit;
   }
 
@@ -188,28 +190,8 @@ $block-class-modal: #{$block-class}-modal;
     margin-bottom: 0;
   }
 
-  &.#{$block-class-modal} .#{$block-class-modal}__fade {
-    position: relative;
-    margin-right: $spacing-05;
-    margin-left: $spacing-05;
-  }
-
-  .#{$block-class-modal}__body {
-    padding-bottom: $spacing-06;
-  }
-
   .#{$block-class-modal}__header {
     padding-right: 0;
     margin-right: $spacing-05;
   }
-
-  &.#{$block-class-modal} .#{$block-class-modal}__fade::after {
-    position: absolute;
-    top: calc(-1 * #{$spacing-11});
-    left: 0;
-    width: 100%;
-    height: $spacing-07;
-    background: linear-gradient(to bottom, transparent, $layer-01);
-    content: '';
-  }
 }

package/scss/components/TagSet/_tag-set.scss

@@ -90,30 +90,10 @@ $block-class-modal: #{$_block-class}-modal;
     margin-bottom: 0;
   }
 
-  &.#{$block-class-modal} .#{$block-class-modal}__fade {
-    position: relative;
-    margin-right: $spacing-05;
-    margin-left: $spacing-05;
-  }
-
-  .#{$block-class-modal}__body {
-    padding-bottom: $spacing-06;
-  }
-
   .#{$block-class-modal}__header {
     padding-right: 0;
     margin-right: $spacing-05;
   }
-
-  &.#{$block-class-modal} .#{$block-class-modal}__fade::after {
-    position: absolute;
-    top: calc(-1 * #{$spacing-11});
-    left: 0;
-    width: 100%;
-    height: $spacing-07;
-    background: linear-gradient(to bottom, transparent, $layer-01);
-    content: '';
-  }
 }
 
 @include block-wrap('#{$block-class-overflow}__tagset-popover') {

package/telemetry.yml

@@ -18,6 +18,7 @@ collect:
         - align
         - allPageRowsLabel
         - allRowsLabel
+        - allTagsModalAriaLabel
         - allTagsModalSearchLabel
         - allTagsModalSearchPlaceholderText
         - allTagsModalSearchThreshold
@@ -131,6 +132,7 @@ collect:
         - hasCloseIcon
         - hasCustomRowHeader
         - hasFieldset
+        - headerActions
         - headerGroups
         - HeaderRow
         - headers
@@ -227,6 +229,7 @@ collect:
         - onMouseEnter
         - onMouseLeave
         - onNext
+        - onOverflowClick
         - onOverflowTagChange
         - onPrimaryButtonClick
         - onRemove
@@ -357,6 +360,7 @@ collect:
         - totalVisibleColumns
         - translateWithId
         - translateWithIdBatchActions
+        - triggerButtonRef
         - truncate
         - truncateValue
         - type
@@ -768,7 +772,6 @@ collect:
         - secondsAgoText
         - settingsIconDescription
         - todayLabel
-        - triggerButtonRef
         - yearAgoText
         - yearsAgoText
         - yesterdayAtText
@@ -883,8 +886,6 @@ collect:
         - width
         # TagOverflow
         - tagComponent
-        # TearsheetShell
-        - headerActions
         # Toolbar
         - vertical
         # ToolbarButton