@carbon/ibm-products 2.65.0 → 2.66.0

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

@@ -9,7 +9,7 @@
 
 var index = require('../../../../_virtual/index.js');
 
-var iconPropTypes = {
+const iconPropTypes = {
   size: index.default.oneOfType([index.default.number, index.default.string])
 };
 

package/lib/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -59,18 +57,18 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 function _toPrimitive(t, r) {
-  if ("object" != _rollupPluginBabelHelpers.typeof(t) || !t) return t;
+  if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _rollupPluginBabelHelpers.typeof(i)) return i;
+    if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
-  return "symbol" == _rollupPluginBabelHelpers.typeof(i) ? i : i + "";
+  return "symbol" == typeof i ? i : i + "";
 }
 var _excluded = ["width", "height", "viewBox"],
   _excluded2 = ["tabindex"];

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

@@ -7,7 +7,6 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret.js');
 var has = require('./lib/has.js');
 
@@ -16,12 +15,12 @@ var hasRequiredCheckPropTypes;
 function requireCheckPropTypes() {
   if (hasRequiredCheckPropTypes) return checkPropTypes_1;
   hasRequiredCheckPropTypes = 1;
-  var printWarning = function printWarning() {};
+  var printWarning = function () {};
   if (process.env.NODE_ENV !== 'production') {
     var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
     var loggedTypeFailures = {};
     var has$1 = /*@__PURE__*/has.__require();
-    printWarning = function printWarning(text) {
+    printWarning = function (text) {
       var message = 'Warning: ' + text;
       if (typeof console !== 'undefined') {
         console.error(message);
@@ -58,7 +57,7 @@ function requireCheckPropTypes() {
             // This is intentionally an invariant that gets caught. It's the same
             // behavior as without this statement except with a better message.
             if (typeof typeSpecs[typeSpecName] !== 'function') {
-              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _rollupPluginBabelHelpers.typeof(typeSpecs[typeSpecName]) + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
+              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
               err.name = 'Invariant Violation';
               throw err;
             }
@@ -67,7 +66,7 @@ function requireCheckPropTypes() {
             error = ex;
           }
           if (error && !(error instanceof Error)) {
-            printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + _rollupPluginBabelHelpers.typeof(error) + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+            printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
           }
           if (error instanceof Error && !(error.message in loggedTypeFailures)) {
             // Only monitor this failure once because there tends to be a lot of the

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

@@ -18,7 +18,7 @@ function requireFactoryWithThrowingShims() {
   function emptyFunction() {}
   function emptyFunctionWithReset() {}
   emptyFunctionWithReset.resetWarningCache = emptyFunction;
-  factoryWithThrowingShims = function factoryWithThrowingShims() {
+  factoryWithThrowingShims = function () {
     function shim(props, propName, componentName, location, propFullName, secret) {
       if (secret === ReactPropTypesSecret$1) {
         // It is still safe when called from React.

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

@@ -7,7 +7,6 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var require$$0 = require('react-is');
 var index = require('../object-assign/index.js');
 var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret.js');
@@ -24,9 +23,9 @@ function requireFactoryWithTypeCheckers() {
   var ReactPropTypesSecret$1 = /*@__PURE__*/ReactPropTypesSecret.__require();
   var has$1 = /*@__PURE__*/has.__require();
   var checkPropTypes$1 = /*@__PURE__*/checkPropTypes.__require();
-  var printWarning = function printWarning() {};
+  var printWarning = function () {};
   if (process.env.NODE_ENV !== 'production') {
-    printWarning = function printWarning(text) {
+    printWarning = function (text) {
       var message = 'Warning: ' + text;
       if (typeof console !== 'undefined') {
         console.error(message);
@@ -42,7 +41,7 @@ function requireFactoryWithTypeCheckers() {
   function emptyFunctionThatReturnsNull() {
     return null;
   }
-  factoryWithTypeCheckers = function factoryWithTypeCheckers(isValidElement, throwOnDirectAccess) {
+  factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
     /* global Symbol */
     var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
     var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
@@ -168,7 +167,7 @@ function requireFactoryWithTypeCheckers() {
      */
     function PropTypeError(message, data) {
       this.message = message;
-      this.data = data && _rollupPluginBabelHelpers.typeof(data) === 'object' ? data : {};
+      this.data = data && typeof data === 'object' ? data : {};
       this.stack = '';
     }
     // Make `instanceof Error` still work for returned errors.
@@ -428,7 +427,7 @@ function requireFactoryWithTypeCheckers() {
       return createChainableTypeChecker(validate);
     }
     function isNode(propValue) {
-      switch (_rollupPluginBabelHelpers.typeof(propValue)) {
+      switch (typeof propValue) {
         case 'number':
         case 'string':
         case 'undefined':
@@ -496,7 +495,7 @@ function requireFactoryWithTypeCheckers() {
 
     // Equivalent of `typeof` but with special handling for array and regexp.
     function getPropType(propValue) {
-      var propType = _rollupPluginBabelHelpers.typeof(propValue);
+      var propType = typeof propValue;
       if (Array.isArray(propValue)) {
         return 'array';
       }

package/lib/settings.js

@@ -13,19 +13,17 @@ require('@carbon/themes');
 var pconsole = require('./global/js/utils/pconsole.js');
 var Canary = require('./components/_Canary/Canary.js');
 
-var carbon = {
+const carbon = {
   prefix: 'cds'
 };
-var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
-  return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
-};
-packageSettings.default.logDeprecated = function (component, name) {
-  if (component !== null && component !== void 0 && component.deprecated) {
-    var _pconsole$level;
-    var _component$deprecated = component.deprecated,
-      level = _component$deprecated.level,
-      details = _component$deprecated.details;
-    var logUsing = (_pconsole$level = pconsole.default === null || pconsole.default === void 0 ? void 0 : pconsole.default[level]) !== null && _pconsole$level !== void 0 ? _pconsole$level : pconsole.default.error;
+const componentDeprecatedWarning = (name, details) => `Carbon for IBM Products (WARNING): Component "${name}" is deprecated. ${details}`;
+packageSettings.default.logDeprecated = (component, name) => {
+  if (component?.deprecated) {
+    const {
+      level,
+      details
+    } = component.deprecated;
+    const logUsing = pconsole.default?.[level] ?? pconsole.default.error;
     logUsing(componentDeprecatedWarning(name || component.displayName, details));
   }
 };
@@ -35,10 +33,10 @@ packageSettings.default.logDeprecated = function (component, name) {
 // a Canary placeholder initialized with the name of the replaced component.
 // Note that the returned stub carries any other properties which had already
 // been assigned (eg propTypes, displayName, etc).
-packageSettings.default.checkComponentEnabled = function (component, name) {
+packageSettings.default.checkComponentEnabled = (component, name) => {
   if (component.render) {
     // The component is a forward-ref, so make a stub forward-ref.
-    var forward = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    const forward = /*#__PURE__*/React.forwardRef((props, ref) => {
       packageSettings.default.logDeprecated(component, name); // may log don't care about result
       // Replace the stub's render fn so this test only happens once.
       return (forward.render = packageSettings.default.isComponentEnabled(name) || !packageSettings.default.isComponentPublic(name) ?
@@ -63,10 +61,10 @@ packageSettings.default.checkComponentEnabled = function (component, name) {
     }, forward);
   } else {
     // The component is a direct render fn, so make a stub render fn.
-    var _render = function render(props) {
+    let render = props => {
       packageSettings.default.logDeprecated(component, name); // may log don't care about result
       // Replace the stub render fn so this test only happens once.
-      return (_render = packageSettings.default.isComponentEnabled(name) || !packageSettings.default.isComponentPublic(name) ?
+      return (render = packageSettings.default.isComponentEnabled(name) || !packageSettings.default.isComponentPublic(name) ?
       // If the component is enabled, or if it's not a public component,
       // replace the stub render fn with the component render fn.
       component :
@@ -82,14 +80,12 @@ packageSettings.default.checkComponentEnabled = function (component, name) {
     // Transfer object properties already assigned (eg propTypes, displayName)
     // to a function which calls the stub render fn which checks the component
     // status when first used.
-    return Object.assign(function (props) {
-      return _render(props);
-    }, component, {
+    return Object.assign(props => render(props), component, {
       displayName: component.displayName
     });
   }
 };
-var pkg = packageSettings.default;
+const pkg = packageSettings.default;
 
 exports.carbon = carbon;
 exports.pkg = pkg;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.65.0",
+  "version": "2.66.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -72,7 +72,7 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/react-table": "^7.7.20",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.23.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.24.0",
     "chalk": "^4.1.2",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
@@ -81,7 +81,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^11.0.1",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.24.0",
+    "jest-config-ibm-cloud-cognitive": "^1.25.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^17.1.15",
@@ -95,10 +95,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.10",
-    "@carbon/feature-flags": "^0.24.0",
-    "@carbon/ibm-products-styles": "^2.61.0",
+    "@carbon/feature-flags": "^0.26.0",
+    "@carbon/ibm-products-styles": "^2.62.0",
     "@carbon/telemetry": "^0.1.0",
-    "@carbon/utilities": "^0.4.0",
+    "@carbon/utilities": "^0.5.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -108,14 +108,14 @@
     "react-window": "^1.8.11"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.31.0",
-    "@carbon/layout": "^11.29.0",
-    "@carbon/motion": "^11.24.0",
-    "@carbon/react": "^1.76.0",
-    "@carbon/themes": "^11.46.0",
-    "@carbon/type": "^11.35.0",
+    "@carbon/grid": "^11.34.0",
+    "@carbon/layout": "^11.32.0",
+    "@carbon/motion": "^11.26.0",
+    "@carbon/react": "^1.81.0",
+    "@carbon/themes": "^11.50.0",
+    "@carbon/type": "^11.38.0",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0"
   },
-  "gitHead": "1c72b1bd502702356e5276b21005e0d4b8bdfca2"
+  "gitHead": "3de1ea266ed33f09120ef615aa418790b7f3c35b"
 }

package/scss/components/Datagrid/styles/_useSortableColumns.scss

@@ -11,6 +11,9 @@
 @use './variables' as *;
 
 .#{$block-class}__sortableColumn {
+  /* stylelint-disable-next-line declaration-no-important */
+  padding-inline: $spacing-05 !important;
+
   .#{c4p-settings.$carbon-prefix}--table-header-label .header-title {
     display: inline-block;
     inline-size: auto;

package/scss/components/NotificationsPanel/_notifications-panel.scss

@@ -108,7 +108,7 @@ $block-size: 38.5rem;
   .#{$block-class}__header-container {
     position: sticky;
     z-index: 2;
-    padding: $spacing-03 $spacing-05 $spacing-05;
+    padding: $spacing-03 $spacing-05;
     background-color: $layer-01;
     border-block-end: 1px solid $border-subtle-01;
     inset-block-start: 0;
@@ -117,9 +117,12 @@ $block-size: 38.5rem;
       align-items: center;
       justify-content: space-between;
     }
-    .#{$block-class}__do-not-disturb-toggle
+    .#{$block-class}__do-not-disturb-toggle {
+      padding-block-end: $spacing-03;
+
       .#{c4p-settings.$carbon-prefix}--toggle__label-text {
-      @include utilities.visually-hidden;
+        @include utilities.visually-hidden;
+      }
     }
     .#{$block-class}__dismiss-button {
       color: $text-primary;
@@ -140,7 +143,7 @@ $block-size: 38.5rem;
     background-color: $layer-01;
     color: $text-secondary;
     // stylelint-disable-next-line carbon/layout-use
-    inset-block-start: 4.8125rem;
+    inset-block-start: 3.0625rem;
   }
   .#{$block-class}__notification:hover,
   .#{$block-class}__notification:focus {
@@ -345,3 +348,12 @@ $block-size: 38.5rem;
     }
   }
 }
+
+.#{$block-class}__header-container:has(
+    .#{$block-class}__do-not-disturb-toggle
+  ) {
+  + .#{$block-class}__main-section .#{$block-class}__time-section-label {
+    // stylelint-disable-next-line carbon/layout-use
+    inset-block-start: 4.8125rem;
+  }
+}

package/scss/components/StringFormatter/_string-formatter.scss

@@ -24,7 +24,24 @@ $popover-block-class: #{c4p-settings.$carbon-prefix}--popover;
 
 .#{$block-class} {
   display: inline-block;
-  text-align: start;
+
+  &--truncate {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    line-height: inherit;
+    text-overflow: ellipsis;
+    word-break: break-word;
+  }
+
+  button.cds--definition-term {
+    border-block-end: none;
+    letter-spacing: inherit;
+  }
+
+  .cds--popover-container {
+    display: flex;
+  }
 }
 
 .#{$block-class}--content {
@@ -37,7 +54,6 @@ $popover-block-class: #{c4p-settings.$carbon-prefix}--popover;
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
-  max-inline-size: 80ch;
 }
 
 .#{$block-class}__tooltip > button {

package/scss/components/Tearsheet/_tearsheet.scss

@@ -253,6 +253,7 @@ $motion-duration: $duration-moderate-02;
   }
 
   .#{$block-class}__header-description {
+    display: inline-flex;
     margin-block-start: $spacing-05;
     max-inline-size: 100%;
 
@@ -263,28 +264,6 @@ $motion-duration: $duration-moderate-02;
     }
   }
 
-  .#{$block-class}__description-tooltip .#{$carbon-prefix}--definition-term {
-    border-block-end: 0;
-    letter-spacing: inherit;
-    word-break: break-word;
-  }
-
-  // overwrites the existing styles to make the popover bigger because in some cases the narrow space can be too constricting for the description
-  .#{$block-class}__description-tooltip {
-    display: inline-flex;
-    .#{$carbon-prefix}--popover-content.#{$carbon-prefix}--definition-tooltip {
-      max-inline-size: fit-content;
-    }
-  }
-
-  .#{$block-class}__description-text {
-    display: -webkit-box;
-    overflow: hidden;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-  }
-
   &.#{$block-class}--narrow .#{$block-class}__header-description {
     margin-block-start: $spacing-03;
   }

package/telemetry.yml

@@ -214,6 +214,7 @@ collect:
         - noSelectionTitle
         - noTrailingSlash
         - onActiveCellChange
+        - onAddItem
         - onAllRowSelect
         - onApply
         - onBlur
@@ -879,14 +880,12 @@ collect:
         - getToggleAllPageRowsSelectedProps
         - getToggleAllRowsSelectedProps
         - isAllRowsSelected
-        # SidePanel
+        # SidePanelBase
         - actionToolbarButtons
         - animateTitle
         - condensedActions
         - includeOverlay
         - navigationBackIconDescription
-        - onNavigationBack
-        - onUnmount
         # SingleAddSelect
         - searchResultsLabel
         # Sortable

package/es/global/js/utils/checkForOverflow.js

@@ -1,21 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// Copyright IBM Corp. 2024, 2024
-//
-// 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 checkHeightOverflow = function checkHeightOverflow(el) {
-  if (el) {
-    return (el === null || el === void 0 ? void 0 : el.offsetHeight) < (el === null || el === void 0 ? void 0 : el.scrollHeight);
-  }
-  return false;
-};
-
-export { checkHeightOverflow };

package/lib/global/js/utils/checkForOverflow.js

@@ -1,23 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-// Copyright IBM Corp. 2024, 2024
-//
-// 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 checkHeightOverflow = function checkHeightOverflow(el) {
-  if (el) {
-    return (el === null || el === void 0 ? void 0 : el.offsetHeight) < (el === null || el === void 0 ? void 0 : el.scrollHeight);
-  }
-  return false;
-};
-
-exports.checkHeightOverflow = checkHeightOverflow;