@carbon/ibm-products 2.77.1 → 2.78.0-rc.0

package/lib/components/FeatureFlags/index.js

@@ -7,16 +7,30 @@
 
 'use strict';
 
-var FeatureFlags$1 = require('@carbon/feature-flags');
+var featureFlags = require('@carbon/feature-flags');
 var index = require('../../_virtual/index.js');
 var React = require('react');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 
+//merge c4p feature flags with carbon feature flags
+featureFlags.FeatureFlags.merge({
+  'default-portal-target-body': true,
+  'enable-datagrid-useInlineEdit': false,
+  'enable-datagrid-useEditableCell': false,
+  'enable-datagrid-useCustomizeColumns': false,
+  'ExampleComponent.secondaryIcon': false,
+  'ExampleComponent.useExample': false,
+  'enable-test-flag-a': false,
+  // used in testing
+  'enable-test-flag-b': true,
+  // used in testing
+  enableSidepanelResizer: false
+});
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
  */
-const FeatureFlagContext = /*#__PURE__*/React.createContext(FeatureFlags$1.FeatureFlags);
+const FeatureFlagContext = /*#__PURE__*/React.createContext(featureFlags.FeatureFlags);
 
 /**
  * Supports an object of feature flag values with the `flags` prop, merging them
@@ -52,12 +66,12 @@ function FeatureFlags(_ref) {
     ...flags
   };
   const [scope, updateScope] = React.useState(() => {
-    const scope = FeatureFlags$1.createScope(combinedFlags);
+    const scope = featureFlags.createScope(combinedFlags);
     scope.mergeWithScope(parentScope);
     return scope;
   });
   if (parentScope !== prevParentScope) {
-    const scope = FeatureFlags$1.createScope(combinedFlags);
+    const scope = featureFlags.createScope(combinedFlags);
     scope.mergeWithScope(parentScope);
     updateScope(scope);
     setPrevParentScope(parentScope);
@@ -67,7 +81,7 @@ function FeatureFlags(_ref) {
   // for flags that are passed in. If they have changed, then we re-create the
   // FeatureFlagScope using the new flags
   useChangedValue(combinedFlags, isEqual, changedFlags => {
-    const scope = FeatureFlags$1.createScope(changedFlags);
+    const scope = featureFlags.createScope(changedFlags);
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });

package/lib/components/PageHeader/next/PageHeader.js

@@ -526,7 +526,9 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
     return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: classNames,
       ref: ref
-    }, other), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
+    }, other), /*#__PURE__*/React.createElement(react.Grid, {
+      condensed: true
+    }, /*#__PURE__*/React.createElement(react.Column, {
       lg: 16,
       md: 8,
       sm: 4
@@ -535,7 +537,9 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
+  }, other), /*#__PURE__*/React.createElement(react.Grid, {
+    condensed: true
+  }, /*#__PURE__*/React.createElement(react.Column, {
     lg: 16,
     md: 8,
     sm: 4

package/lib/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2025, 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.
+ */
+import React from 'react';
+export declare const pageActionButtonItems: {
+    id: string;
+    onClick: () => void;
+    body: React.JSX.Element;
+    menuItem: {
+        label: string;
+    };
+}[];

package/lib/components/SidePanel/SidePanel.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import '../../feature-flags';
 import { ButtonProps } from '@carbon/react';
 import React, { ReactNode, RefObject } from 'react';
 type SidePanelBaseProps = {

package/lib/components/SidePanel/SidePanel.js

@@ -9,7 +9,6 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var icons = require('@carbon/react/icons');
-require('../../feature-flags.js');
 var react = require('@carbon/react');
 var index$1 = require('../FeatureFlags/index.js');
 var React = require('react');
@@ -413,11 +412,9 @@ const SidePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: titleRef
   }, /*#__PURE__*/React.createElement(react.Heading, {
     className: `${blockClass}__title-text`,
-    title: title,
     "aria-hidden": false
   }, title), doAnimateTitle && !shouldReduceMotion && /*#__PURE__*/React.createElement(react.Heading, {
     className: `${blockClass}__collapsed-title-text`,
-    title: title,
     "aria-hidden": true
   }, title));
   const renderHeader = () => {

package/lib/components/index.d.ts

@@ -1,4 +1,3 @@
-import '../feature-flags';
 /**
  * Stable components
  */
@@ -44,6 +43,7 @@ export * from './WebTerminal';
  */
 export * as preview__Coachmark from './Coachmark/next/Coachmark';
 export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
+export * as preview__CoachmarkBeacon from './Coachmark/next/Coachmark/CoachmarkBeacon';
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
 export * as preview__PageHeader from './PageHeader/next';
 export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';

package/lib/global/js/hooks/usePortalTarget.js

@@ -7,7 +7,6 @@
 
 'use strict';
 
-require('../../../feature-flags.js');
 var React = require('react');
 var settings = require('../../../settings.js');
 var ReactDOM = require('react-dom');

package/lib/index.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import './feature-flags';
 export { pkg } from './settings';
 export { usePrefix } from './global/js/hooks';
 export * from './components';

package/lib/index.js

@@ -8,7 +8,6 @@
 
 'use strict';
 
-require('./feature-flags.js');
 var settings = require('./settings.js');
 var AboutModal = require('./components/AboutModal/AboutModal.js');
 var APIKeyModal = require('./components/APIKeyModal/APIKeyModal.js');
@@ -54,11 +53,12 @@ var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
 var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
 var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
 var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
-var index$4 = require('./components/WebTerminal/hooks/index.js');
+var index$5 = require('./components/WebTerminal/hooks/index.js');
 var index = require('./components/Coachmark/next/Coachmark/index.js');
 var index$1 = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/index.js');
-var index$3 = require('./components/FeatureFlags/index.js');
-var index$2 = require('./components/PageHeader/next/index.js');
+var index$2 = require('./components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js');
+var index$4 = require('./components/FeatureFlags/index.js');
+var index$3 = require('./components/PageHeader/next/index.js');
 var BigNumber = require('./components/BigNumber/BigNumber.js');
 var Coachmark = require('./components/Coachmark/Coachmark.js');
 var enums = require('./components/Coachmark/utils/enums.js');
@@ -87,7 +87,7 @@ var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
 var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
 var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
 var ComboButton = require('./components/ComboButton/ComboButton.js');
-var index$5 = require('./components/ComboButton/ComboButtonItem/index.js');
+var index$6 = require('./components/ComboButton/ComboButtonItem/index.js');
 var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
 var useDatagrid = require('./components/Datagrid/useDatagrid.js');
 var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
@@ -197,14 +197,15 @@ Object.defineProperty(exports, "TruncatedText", {
 });
 exports.WebTerminal = WebTerminal.WebTerminal;
 exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
-exports.WebTerminalProvider = index$4.WebTerminalProvider;
-exports.useWebTerminal = index$4.useWebTerminal;
+exports.WebTerminalProvider = index$5.WebTerminalProvider;
+exports.useWebTerminal = index$5.useWebTerminal;
 exports.preview__Coachmark = index;
 exports.preview__CoachmarkTagline = index$1;
-exports.preview__FeatureFlags = index$3.FeatureFlags;
-exports.preview__useFeatureFlag = index$3.useFeatureFlag;
-exports.preview__useFeatureFlags = index$3.useFeatureFlags;
-exports.preview__PageHeader = index$2;
+exports.preview__CoachmarkBeacon = index$2;
+exports.preview__FeatureFlags = index$4.FeatureFlags;
+exports.preview__useFeatureFlag = index$4.useFeatureFlag;
+exports.preview__useFeatureFlags = index$4.useFeatureFlags;
+exports.preview__PageHeader = index$3;
 exports.previewCandidate__BigNumber = BigNumber.BigNumber;
 exports.previewCandidate__Coachmark = Coachmark.Coachmark;
 exports.BEACON_KIND = enums.BEACON_KIND;
@@ -234,7 +235,7 @@ exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
 exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
 exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
 exports.ComboButton = ComboButton.ComboButton;
-exports.ComboButtonItem = index$5.ComboButtonItem;
+exports.ComboButtonItem = index$6.ComboButtonItem;
 exports.Datagrid = Datagrid.Datagrid;
 exports.useDatagrid = useDatagrid.default;
 exports.useInfiniteScroll = useInfiniteScroll.default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.77.1",
+  "version": "2.78.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,8 +17,7 @@
   "sideEffects": [
     "**/global/js/utils/props-helper.js",
     "**/*.css",
-    "**/*.scss",
-    "**/feature-flags.js"
+    "**/*.scss"
   ],
   "files": [
     "css",
@@ -82,7 +81,7 @@
     "@storybook/react-vite": "^9.0.13",
     "@types/react-table": "^7.7.20",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.35.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.36.0-rc.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -90,7 +89,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^11.0.1",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.36.0",
+    "jest-config-ibm-cloud-cognitive": "^1.37.0-rc.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -110,7 +109,7 @@
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.10.0",
     "@carbon/feature-flags": "^0.30.0",
-    "@carbon/ibm-products-styles": "^2.73.0",
+    "@carbon/ibm-products-styles": "^2.74.0-rc.0",
     "@carbon/telemetry": "^0.1.0",
     "@carbon/utilities": "^0.9.0",
     "@carbon/utilities-react": "0.12.0",
@@ -132,5 +131,5 @@
     "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": "f7b1c8e01cadc4ade55fee6935d03525d14aa719"
+  "gitHead": "3c6c8abaf2f523ce781c1688372e38930584664b"
 }

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

@@ -330,8 +330,8 @@
 
   .#{$block-class}-filter-panel
     + .#{$block-class}__table-container-inner
-    .#{c4p-settings.$carbon-prefix}--data-table-content {
-    block-size: fit-content;
+    .#{c4p-settings.$carbon-prefix}--pagination {
+    background-color: $layer-02;
   }
 
   table.#{$block-class}__table-simple {
@@ -661,6 +661,10 @@
   .#{c4p-settings.$pkg-prefix}--datagrid__table-simple {
     block-size: 100%;
   }
+
+  .#{c4p-settings.$carbon-prefix}--data-table-content {
+    block-size: fit-content;
+  }
 }
 
 .#{$block-class}__table-container {

package/scss/components/PageHeader/_page-header.scss

@@ -732,6 +732,24 @@ $duration: 1000ms;
     block-size: 100%;
   }
 
+  .#{$block-class}__breadcrumb-bar
+    .#{$carbon-prefix}--css-grid
+    .#{$carbon-prefix}--css-grid-column {
+    block-size: to-rem(40px);
+  }
+
+  .#{$block-class}__breadcrumb-bar
+    .#{$carbon-prefix}--css-grid
+    .#{$carbon-prefix}--css-grid-column,
+  .#{$block-class}__breadcrumb-bar .#{$block-class}__breadcrumb-container {
+    block-size: to-rem(40px);
+
+    .#{$block-class}__breadcrumb-wrapper {
+      align-items: center;
+      block-size: inherit;
+    }
+  }
+
   .#{$block-class}__breadcrumb-container {
     display: inline-flex;
     align-items: center;
@@ -905,7 +923,6 @@ $duration: 1000ms;
 
   .#{$block-class}__tab-bar {
     background-color: $layer;
-    margin-inline-start: -$spacing-05;
   }
 
   .#{$block-class}__tab-bar--tablist {

package/scss/components/SidePanel/_side-panel.scss

@@ -55,13 +55,8 @@ $clabs-prefix: 'clabs';
 }
 
 @mixin setCommonTitleStyles() {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
   /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
   padding-inline-end: var(--#{$block-class}--title-padding-right);
-  word-break: break-all;
 }
 
 .#{$block-class}--scrolls {
@@ -419,11 +414,8 @@ $clabs-prefix: 'clabs';
   .#{$block-class}__label-text {
     @include type.type-style('label-01');
 
-    overflow: hidden;
     opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
     padding-inline-end: var(--#{$block-class}--title-padding-right);
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   .#{$block-class}__collapsed-title-text {
@@ -447,11 +439,6 @@ $clabs-prefix: 'clabs';
   .#{$block-class}__subtitle-text {
     @include type.type-style('body-compact-01');
 
-    overflow: hidden;
-
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-    line-clamp: 3;
     opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
     padding-block-end: $spacing-05;
     padding-inline-end: var(--#{$block-class}--title-padding-right);

package/scss/components/_index-released-only.scss

@@ -28,6 +28,7 @@
 @use './ImportModal';
 @use './MultiAddSelect';
 @use './NotificationsPanel';
+@use './OptionsTile';
 @use './PageHeader';
 @use './ProductiveCard';
 @use './RemoveModal';

package/es/feature-flags.d.ts

@@ -1 +0,0 @@
-export {};

package/es/feature-flags.js

@@ -1,22 +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.
- */
-
-import * as FeatureFlags from '@carbon/feature-flags';
-
-FeatureFlags.merge({
-  'default-portal-target-body': true,
-  'enable-datagrid-useInlineEdit': false,
-  'enable-datagrid-useEditableCell': false,
-  'enable-datagrid-useCustomizeColumns': false,
-  'ExampleComponent.secondaryIcon': false,
-  'ExampleComponent.useExample': false,
-  'enable-test-flag-a': false,
-  // used in testing
-  'enable-test-flag-b': true,
-  // used in testing
-  enableSidepanelResizer: false
-});

package/es/patterns/DeleteAndRemove/_story-assets/utils.d.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright IBM Corp. 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.
- */
-export declare function getCurrentTime(): string;

package/lib/feature-flags.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/feature-flags.js

@@ -1,43 +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';
-
-var FeatureFlags = require('@carbon/feature-flags');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
-
-FeatureFlags__namespace.merge({
-  'default-portal-target-body': true,
-  'enable-datagrid-useInlineEdit': false,
-  'enable-datagrid-useEditableCell': false,
-  'enable-datagrid-useCustomizeColumns': false,
-  'ExampleComponent.secondaryIcon': false,
-  'ExampleComponent.useExample': false,
-  'enable-test-flag-a': false,
-  // used in testing
-  'enable-test-flag-b': true,
-  // used in testing
-  enableSidepanelResizer: false
-});