@carbon/ibm-products 2.73.1 → 2.74.0

package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts

@@ -93,6 +93,14 @@ export type Property = Item & {
     description?: string;
     type?: any;
     config?: any;
+    getIsDisabled?: (args: {
+        conditionState: Condition;
+        group?: ConditionGroup;
+    }) => boolean;
+    getIsHidden?: (args: {
+        conditionState: Condition;
+        group?: ConditionGroup;
+    }) => boolean;
 } & ConfigType;
 export type inputConfig = {
     properties: Property[];
@@ -149,6 +157,7 @@ export type ConditionBuilderProps = {
     onAddItem?: (config: AddItemConfig) => {
         preventAdd: boolean;
     };
+    readOnly?: boolean;
 };
 export type InitialState = {
     state: ConditionBuilderState;
@@ -163,6 +172,7 @@ export interface ConditionBuilderContextInputProps extends PropsWithChildren {
     translateWithId?: (id: ConditionBuilderTextKeys) => string;
     statementConfigCustom?: statementConfig[];
     conditionBuilderRef?: ForwardedRef<HTMLDivElement>;
+    readOnly?: boolean;
 }
 export type ConditionBuilderContextProps = {
     rootState?: ConditionBuilderState;

package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js

@@ -30,11 +30,15 @@ const ConditionBuilderActions = _ref => {
   } = _ref;
   const {
     actionState = [],
-    setActionState
+    setActionState,
+    readOnly
   } = React.useContext(ConditionBuilderProvider.ConditionBuilderContext);
   const [showDeletionPreview, setShowDeletionPreview] = React.useState(-1);
   const [actionsText, thenText, andText, removeActionText, addActionText, actionSectionText] = useTranslations.useTranslations(['actionsText', 'then', 'and', 'removeActionText', 'addActionText', 'actionSectionText']);
   const addActionHandler = () => {
+    if (readOnly) {
+      return;
+    }
     const action = {
       id: uuidv4.default(),
       label: undefined,
@@ -79,14 +83,15 @@ const ConditionBuilderActions = _ref => {
   }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     className: `${util.blockClass}__statement-button`,
     tabIndex: 0,
-    popOverClassName: `${util.blockClass}__gap`,
+    popOverClassName: `${util.blockClass}__gap ${util.blockClass}__connector`,
     label: index === 0 ? thenText : andText
   }), /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: action.label,
     title: actionsText,
     condition: action,
     "data-name": "valueField",
-    type: "option"
+    type: "option",
+    popOverClassName: `${util.blockClass}__action-block`
   }, /*#__PURE__*/React.createElement(ItemOptionForValueField.ItemOptionForValueField, {
     conditionState: {
       value: action.label
@@ -95,7 +100,7 @@ const ConditionBuilderActions = _ref => {
     config: {
       options: actions
     }
-  })), /*#__PURE__*/React.createElement("span", {
+  })), !readOnly && /*#__PURE__*/React.createElement("span", {
     role: "gridcell",
     "aria-label": removeActionText
   }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
@@ -109,7 +114,7 @@ const ConditionBuilderActions = _ref => {
     renderIcon: icons.Close,
     className: `${util.blockClass}__close-condition`,
     "data-name": "closeCondition"
-  })), actionState.length === index + 1 && /*#__PURE__*/React.createElement(ConditionBuilderAdd.default, {
+  })), !readOnly && actionState.length === index + 1 && /*#__PURE__*/React.createElement(ConditionBuilderAdd.default, {
     onClick: addActionHandler,
     className: `${util.blockClass}__gap ${util.blockClass}__gap-left`,
     buttonLabel: addActionText,

package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js

@@ -14,6 +14,7 @@ var index = require('../../../_virtual/index.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var util = require('../utils/util.js');
+var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
 
 var _WarningAltFilled;
 const ConditionBuilderButton = _ref => {
@@ -41,6 +42,15 @@ const ConditionBuilderButton = _ref => {
   const carbonPrefix = react.usePrefix();
   const Button = () => {
     const dataName = rest['data-name'] ?? '';
+    const {
+      readOnly
+    } = React.useContext(ConditionBuilderProvider.ConditionBuilderContext);
+    const handleClick = e => {
+      if (readOnly) {
+        return;
+      }
+      onClick?.(e);
+    };
     return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
       tabIndex: tabIndex !== undefined ? tabIndex : -1,
       className: cx([className, `${util.blockClass}__button`, {
@@ -49,12 +59,13 @@ const ConditionBuilderButton = _ref => {
         [`${util.blockClass}__invalid-input`]: isInvalid
       }]),
       type: "button",
-      onClick: onClick,
+      onClick: handleClick,
       onBlur: onBlur,
       onFocus: onFocus,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
-      "data-name": dataName
+      "data-name": dataName,
+      "aria-disabled": readOnly
     }, rest), Icon && (_Icon || (_Icon = /*#__PURE__*/React.createElement(Icon, null))), !hideLabel && (_span || (_span = /*#__PURE__*/React.createElement("span", null, label))), isInvalid && (_WarningAltFilled || (_WarningAltFilled = /*#__PURE__*/React.createElement(icons.WarningAltFilled, null))));
   };
   return hideLabel || showToolTip || description ? /*#__PURE__*/React.createElement(react.Tooltip, _rollupPluginBabelHelpers.extends({

package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js

@@ -55,7 +55,7 @@ const ConditionConnector = _ref => {
     util.focusThisField(evt, conditionBuilderRef);
   };
   return variant == util.HIERARCHICAL_VARIANT ? /*#__PURE__*/React.createElement("span", {
-    className: `${className} ${util.blockClass}__connector--disabled`
+    className: `${className} ${util.blockClass}__connector ${util.blockClass}__connector--disabled`
   }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
     label: operator
   })) : /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, _rollupPluginBabelHelpers.extends({
@@ -67,7 +67,7 @@ const ConditionConnector = _ref => {
     onFocus: activeConnectorHandler,
     onBlur: inActiveConnectorHandler
   }, rest, {
-    popOverClassName: className,
+    popOverClassName: `${className} ${util.blockClass}__connector`,
     className: `${util.blockClass}__connector-button`
   }), /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     config: {

package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js

@@ -41,7 +41,7 @@ const GroupConnector = () => {
     label: rootState.operator,
     title: conditionText,
     "data-name": "connectorField",
-    popOverClassName: `${util.blockClass}__gap`,
+    popOverClassName: `${util.blockClass}__gap ${util.blockClass}__groupConnector`,
     className: `${util.blockClass}__statement-button`
   }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     conditionState: {

package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js

@@ -38,7 +38,8 @@ const ConditionBuilderContent = _ref => {
     setRootState,
     variant,
     actionState,
-    onAddItem
+    onAddItem,
+    readOnly
   } = React.useContext(ConditionBuilderProvider.ConditionBuilderContext);
   const initialConditionState = React.useRef(initialState?.state ? JSON.parse(JSON.stringify(initialState?.state)) : null);
   const [isConditionBuilderActive, setIsConditionBuilderActive] = React.useState(false);
@@ -174,7 +175,7 @@ const ConditionBuilderContent = _ref => {
     onChange: updatedGroup => {
       onChangeHandler(updatedGroup, groupIndex);
     }
-  }), rootState.groups && groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React.createElement(GroupConnector.default, null))))), variant == util.HIERARCHICAL_VARIANT && /*#__PURE__*/React.createElement("div", {
+  }), rootState.groups && groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React.createElement(GroupConnector.default, null))))), !readOnly && variant == util.HIERARCHICAL_VARIANT && /*#__PURE__*/React.createElement("div", {
     role: "row",
     tabIndex: -1,
     "aria-level": 1,
@@ -193,7 +194,7 @@ const ConditionBuilderContent = _ref => {
       role: 'gridcell',
       'aria-label': addConditionGroupText
     }
-  })), /*#__PURE__*/React.createElement(ConditionPreview.default, {
+  })), variant === util.HIERARCHICAL_VARIANT ? /*#__PURE__*/React.createElement(ConditionPreview.default, {
     previewType: "newGroup",
     colorIndex: getColorIndex(),
     className: showConditionGroupPreview ? `${util.blockClass}__visible` : `${util.blockClass}__hidden`,
@@ -201,7 +202,7 @@ const ConditionBuilderContent = _ref => {
       groupOperator: rootState?.operator,
       id: uuidv4.default()
     }
-  })), actions && /*#__PURE__*/React.createElement(ConditionBuilderActions.default, {
+  }) : null), actions && /*#__PURE__*/React.createElement(ConditionBuilderActions.default, {
     actions: actions,
     className: `${util.blockClass}__actions-container`
   }));

package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js

@@ -48,7 +48,8 @@ const ConditionBuilderProvider = props => {
     translateWithId: props.translateWithId,
     conditionBuilderRef: props.conditionBuilderRef,
     statementConfigCustom: props.statementConfigCustom,
-    onAddItem: props.onAddItem
+    onAddItem: props.onAddItem,
+    readOnly: props.readOnly
   };
   return /*#__PURE__*/React.createElement(ConditionBuilderContext.Provider, {
     value: contextValue

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -41,7 +41,8 @@ const ConditionBuilderItem = _ref => {
   const [open, setOpen] = React.useState(false);
   const {
     conditionBuilderRef,
-    statementConfigCustom
+    statementConfigCustom,
+    readOnly
   } = React.useContext(ConditionBuilderProvider.ConditionBuilderContext);
   const statementIdMap = {
     ifAll: translationObject.translationsObject.ifText,
@@ -153,7 +154,12 @@ const ConditionBuilderItem = _ref => {
     }
     setOpen(false);
   };
-  const openPopOver = () => setOpen(true);
+  const openPopOver = () => {
+    if (readOnly) {
+      return;
+    }
+    setOpen(true);
+  };
   const togglePopover = () => {
     if (children || renderChildren) {
       setOpen(!open);

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts

@@ -5,22 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import { option, statementConfig } from '../../ConditionBuilder.types';
+import { ConditionGroup, option, Property, statementConfig } from '../../ConditionBuilder.types';
 interface ItemOptionProps {
     conditionState: {
         label?: string;
         value?: string;
     };
     config: {
-        options?: option[] | statementConfig[];
+        options?: option[] | statementConfig[] | Property[];
     } & {
         isStatement?: boolean;
     };
     onChange: (value: string, e: Event) => void;
     closePopover?: () => void;
+    group?: ConditionGroup;
 }
 export declare const ItemOption: {
-    ({ conditionState, config, onChange, closePopover, }: ItemOptionProps): React.JSX.Element | undefined;
+    ({ conditionState, config, onChange, closePopover, group, }: ItemOptionProps): React.JSX.Element | undefined;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -7,6 +7,7 @@
 
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
@@ -20,7 +21,8 @@ const ItemOption = _ref => {
     conditionState = {},
     config = {},
     onChange,
-    closePopover
+    closePopover,
+    group
   } = _ref;
   const {
     popOverSearchThreshold
@@ -45,7 +47,9 @@ const ItemOption = _ref => {
     }
   }, [allOptions]);
   const onClickHandler = (evt, option) => {
-    onChange(option.id, evt);
+    if (!evt.currentTarget.hasAttribute('aria-disabled')) {
+      onChange(option.id, evt);
+    }
   };
   const onSearchChangeHandler = evt => {
     const {
@@ -83,7 +87,15 @@ const ItemOption = _ref => {
   }, filteredItems?.map(option => {
     const isSelected = selection === option.id;
     const Icon = option.icon;
-    return /*#__PURE__*/React.createElement("li", {
+    const disabled = option?.getIsDisabled?.({
+      conditionState,
+      group
+    });
+    const hidden = option?.getIsHidden?.({
+      conditionState,
+      group
+    });
+    return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
       tabIndex: 0,
       key: option.id,
       role: "option",
@@ -93,7 +105,11 @@ const ItemOption = _ref => {
         return false;
       },
       onClick: evt => onClickHandler(evt, option)
-    }, /*#__PURE__*/React.createElement("div", {
+    }, disabled ? {
+      'aria-disabled': 'true'
+    } : {}, hidden ? {
+      'aria-hidden': 'true'
+    } : {}), /*#__PURE__*/React.createElement("div", {
       className: `${util.blockClass}__item-option__option-content`
     }, /*#__PURE__*/React.createElement("span", {
       className: `${util.blockClass}__item-option__option-label`

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js

@@ -301,7 +301,7 @@ const ConditionGroupBuilder = _ref => {
       label: group.statement,
       title: conditionText,
       "data-name": "connectorField",
-      popOverClassName: `${util.blockClass}__gap`,
+      popOverClassName: `${util.blockClass}__gap ${util.blockClass}__connector`,
       className: `${util.blockClass}__statement-button`
     }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
       conditionState: {

package/lib/components/ConditionBuilder/index.d.ts

@@ -1 +1,2 @@
 export { ConditionBuilder } from "./ConditionBuilder";
+export * from "./ConditionBuilder.types";

package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -26,6 +26,9 @@ const handleKeyDownForPopover = (evt, conditionBuilderRef, popoverRef, closePopo
 const excludeKeyPress = evt => {
   return !['Escape'].includes(evt.key) && evt.target.closest(`.${util.blockClass}__item-date`);
 };
+const getVisibleOptions = parentContainer => {
+  return Array.from(parentContainer.querySelectorAll(`[role="option"]`)).filter(el => !el.hasAttribute('aria-disabled') && !el.hasAttribute('aria-hidden'));
+};
 const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, closePopover) => {
   const key = evt.key;
   const isHoldingShiftKey = util.checkForHoldingKey(evt, 'shiftKey');
@@ -45,7 +48,8 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
       case 'ArrowUp':
         evt.preventDefault();
         //traverse through the popover options, search box, selectAll button
-        parentContainer.querySelectorAll(`[role="option"]`).forEach((eachElem, index, allElements) => {
+        allItems = getVisibleOptions(parentContainer);
+        allItems.forEach((eachElem, index, allElements) => {
           util.traverseReverse(eachElem, index, allElements, null, null, conditionBuilderRef);
         });
         //scroll to top when we reach a the top of the list to make search box visible
@@ -56,17 +60,18 @@ const handleKeyPressForPopover = (evt, parentContainer, conditionBuilderRef, clo
       case 'ArrowDown':
         evt.preventDefault();
         //traverse through the popover options, search box, selectAll button
-        parentContainer.querySelectorAll(`[role="option"]`).forEach((eachElem, index, allElements) => {
-          util.traverseClockVise(eachElem, index, allElements, null, null, conditionBuilderRef);
+        allItems = getVisibleOptions(parentContainer);
+        allItems.forEach((eachElem, index, allElements) => {
+          util.traverseClockwise(eachElem, index, allElements, null, null, conditionBuilderRef);
         });
         break;
       case 'Tab':
-        allItems = [...Array.from(parentContainer.querySelectorAll(`.${util.blockClass}__selectAll-button,[role="searchbox"]`)), parentContainer.querySelector(`[role="option"]`)];
+        allItems = [...Array.from(parentContainer.querySelectorAll(`.${util.blockClass}__selectAll-button,[role="searchbox"]`)), getVisibleOptions(parentContainer)?.[0]];
         allItems.forEach((eachElem, index, allElements) => {
           if (isHoldingShiftKey) {
             util.traverseReverse(eachElem, index, allElements, true, true, conditionBuilderRef);
           } else {
-            util.traverseClockVise(eachElem, index, allElements, true, true, conditionBuilderRef);
+            util.traverseClockwise(eachElem, index, allElements, true, true, conditionBuilderRef);
           }
         });
         evt.preventDefault();
@@ -220,7 +225,7 @@ const navigateToNextRowCell = (evt, currentRowIndex, rows, variant, conditionBui
 const handleCellNavigation = (evt, conditionBuilderRef) => {
   conditionBuilderRef.current.querySelectorAll(`[role="gridcell"] button`).forEach((eachElem, index, allElements) => {
     if (evt.key === 'ArrowRight') {
-      util.traverseClockVise(eachElem, index, allElements, null, null, conditionBuilderRef);
+      util.traverseClockwise(eachElem, index, allElements, null, null, conditionBuilderRef);
     } else {
       util.traverseReverse(eachElem, index, allElements, null, null, conditionBuilderRef);
     }

package/lib/components/ConditionBuilder/utils/useDataConfigs.d.ts

@@ -1,5 +1,5 @@
 export function useDataConfigs(): {
-    statementConfig: import("../ConditionBuilder.types").statementConfig[] | {
+    statementConfig: import("..").statementConfig[] | {
         id: string;
         connector: string;
         label: any;

package/lib/components/ConditionBuilder/utils/util.d.ts

@@ -3,7 +3,7 @@ export const NON_HIERARCHICAL_VARIANT: "Non-Hierarchical";
 export const HIERARCHICAL_VARIANT: "Hierarchical";
 export function focusThisField(evt: any, conditionBuilderRef: any): void;
 export function focusThisItem(currentElement: any, conditionBuilderRef: any): void;
-export function traverseClockVise(eachElem: any, index: any, allElements: any, rotate: any, trapFocus: any, conditionBuilderRef: any): void;
+export function traverseClockwise(eachElem: any, index: any, allElements: any, rotate: any, trapFocus: any, conditionBuilderRef: any): void;
 export function traverseReverse(eachElem: any, index: any, allElements: any, rotate: any, trapFocus: any, conditionBuilderRef: any): void;
 export function checkForHoldingKey(evt: any, key: any): any;
 export function checkIsValid(item: any): any;

package/lib/components/ConditionBuilder/utils/util.js

@@ -32,7 +32,7 @@ const focusThisItem = (currentElement, conditionBuilderRef) => {
     manageTabIndexAndFocus(currentElement, conditionBuilderRef);
   }, 0);
 };
-const traverseClockVise = (eachElem, index, allElements, rotate, trapFocus, conditionBuilderRef) => {
+const traverseClockwise = (eachElem, index, allElements, rotate, trapFocus, conditionBuilderRef) => {
   if (eachElem == document.activeElement) {
     if (index !== allElements.length - 1) {
       focusThisItem(allElements[index + 1], conditionBuilderRef);
@@ -104,5 +104,5 @@ exports.focusThisItem = focusThisItem;
 exports.getValue = getValue;
 exports.manageTabIndexAndFocus = manageTabIndexAndFocus;
 exports.onKeyDownHandlerForSearch = onKeyDownHandlerForSearch;
-exports.traverseClockVise = traverseClockVise;
+exports.traverseClockwise = traverseClockwise;
 exports.traverseReverse = traverseReverse;

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

@@ -14,7 +14,7 @@ var React = require('react');
 var settings = require('../../../settings.js');
 var react = require('@carbon/react');
 var EmptyState = require('../../EmptyStates/EmptyState.js');
-require('../../EmptyStates/EmptyStateV2.js');
+require('../../EmptyStates/EmptyStateV2.deprecated.js');
 var ErrorEmptyState = require('../../EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
 var NoDataEmptyState = require('../../EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
 require('../../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');

package/lib/components/EmptyStates/EmptyState.js

@@ -9,7 +9,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var EmptyStateV2 = require('./EmptyStateV2.js');
+var EmptyStateV2_deprecated = require('./EmptyStateV2.deprecated.js');
 var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
@@ -39,7 +39,7 @@ exports.EmptyState = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ...props
   } = _ref;
   if (v2) {
-    return /*#__PURE__*/React.createElement(EmptyStateV2.EmptyStateV2, props);
+    return /*#__PURE__*/React.createElement(EmptyStateV2_deprecated.EmptyStateV2, props);
   }
   const {
     action,

package/lib/components/EmptyStates/{EmptyStateV2.js → EmptyStateV2.deprecated.js}

@@ -15,7 +15,7 @@ var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
-var EmptyStateIllustration = require('./EmptyStateIllustration.js');
+var EmptyStateIllustration_deprecated = require('./EmptyStateIllustration.deprecated.js');
 
 const blockClass = `${settings.pkg.prefix}--empty-state`;
 const componentName = 'EmptyStateV2';
@@ -55,7 +55,7 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef((props, ref) => {
     src: customIllustration,
     alt: illustrationDescription,
     className: cx([`${blockClass}__illustration`, `${blockClass}__illustration--${size}`])
-  }), !customIllustration && kind && /*#__PURE__*/React.createElement(EmptyStateIllustration.default, illustrationProps), /*#__PURE__*/React.createElement("div", {
+  }), !customIllustration && kind && /*#__PURE__*/React.createElement(EmptyStateIllustration_deprecated.default, illustrationProps), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}__content`
   }, /*#__PURE__*/React.createElement("h3", {
     className: cx(`${blockClass}__header`, {

package/lib/components/EmptyStates/index.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { EmptyState } from './EmptyState';
-export { EmptyStateV2 } from './EmptyStateV2';
+export { EmptyStateV2 } from './EmptyStateV2.deprecated';
 export { ErrorEmptyState } from './ErrorEmptyState';
 export { NoDataEmptyState } from './NoDataEmptyState';
 export { NoTagsEmptyState } from './NoTagsEmptyState';
@@ -13,7 +13,7 @@ export { NotFoundEmptyState } from './NotFoundEmptyState';
 export { NotificationsEmptyState } from './NotificationsEmptyState';
 export { UnauthorizedEmptyState } from './UnauthorizedEmptyState';
 export type { EmptyStateProps } from './EmptyState';
-export type { EmptyStateV2Props } from './EmptyStateV2';
+export type { EmptyStateV2Props } from './EmptyStateV2.deprecated';
 export type { ErrorEmptyStateProps } from './ErrorEmptyState';
 export type { NoDataEmptyStateProps } from './NoDataEmptyState';
 export type { NoTagsEmptyStateProps } from './NoTagsEmptyState';

package/lib/components/NotificationsPanel/NotificationsPanel.js

@@ -13,7 +13,7 @@ var utilities = require('@carbon/utilities');
 var icons = require('@carbon/react/icons');
 var React = require('react');
 require('../EmptyStates/EmptyState.js');
-require('../EmptyStates/EmptyStateV2.js');
+require('../EmptyStates/EmptyStateV2.deprecated.js');
 require('../EmptyStates/ErrorEmptyState/ErrorEmptyState.js');
 require('../EmptyStates/NoDataEmptyState/NoDataEmptyState.js');
 require('../EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js');

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

@@ -4,6 +4,7 @@
  * 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,6 +9,7 @@
 
 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');

package/lib/components/StepFlow/StepContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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, { ReactNode } from 'react';
+import { StepContextType } from './types';
+interface StepProviderProps {
+    children?: ReactNode;
+}
+export declare const StepProvider: React.FC<StepProviderProps>;
+export declare const useStepContext: () => StepContextType;
+export {};

package/lib/components/StepFlow/StepGroup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 StepGroup: ({ children }: {
+    children: any;
+}) => string | number | bigint | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>;

package/lib/components/StepFlow/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+export { StepGroup } from './StepGroup';
+export { StepProvider, useStepContext } from './StepContext';
+export type { StepState, StepContextType } from './types';

package/lib/components/StepFlow/story-assets/SidePanel/Example.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 Example: () => React.JSX.Element;

package/lib/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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, { ReactNode } from 'react';
+import { StepState } from '../..';
+interface Props {
+    children?: ReactNode;
+    subtitle?: ((a: StepState) => ReactNode) | null;
+    open?: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    hasCloseIcon?: boolean;
+    closeIconDescription?: string;
+    selectorPrimaryFocus?: string;
+}
+export declare const StepSidePanel: ({ subtitle, children, open, onClose, title, selectorPrimaryFocus, ...rest }: Props) => React.JSX.Element;
+export {};

package/lib/components/StepFlow/story-assets/StepActions.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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 { ReactNode } from 'react';
+import { StepState } from '..';
+export interface StepActionsProps {
+    buttonRenderer: (stepData: StepState) => ReactNode;
+    className?: string;
+}
+/**
+ * This is an alternative approach to creating your own component and using the `useStepContext` hook.
+ * @example <StepActions buttonRenderer={(stepData) => <><Button /><Button /><Button /></>}/>
+ *
+ * In the example above, you can see how to retrieve the step data in order to update your buttons
+ * (disabled states, changing text, ie Next to Submit, etc.).
+ */
+export declare const StepActions: {
+    ({ buttonRenderer }: StepActionsProps): ReactNode;
+    displayName: string;
+};

package/lib/components/StepFlow/story-assets/Tearsheet/Example.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 Example: () => React.JSX.Element;

package/lib/components/StepFlow/story-assets/Tearsheet/StepTearsheet.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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, { ReactNode } from 'react';
+import { StepState } from '../../types';
+interface Props {
+    children?: ReactNode;
+    influencer?: ((a: StepState) => ReactNode) | null;
+    open?: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    hasCloseIcon?: boolean;
+    closeIconDescription?: string;
+    selectorPrimaryFocus?: string;
+}
+export declare const StepTearsheet: ({ children, open, onClose, influencer, title, hasCloseIcon, closeIconDescription, selectorPrimaryFocus, ...rest }: Props) => React.JSX.Element;
+export {};