@carbon/ibm-products 2.54.0 → 2.55.0

package/lib/components/Card/Card.js

@@ -19,7 +19,7 @@ var settings = require('../../settings.js');
 
 var _Incomplete, _CheckmarkOutline;
 var _excluded = ["actionIcons", "actionsPlacement", "aiLabel", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
-  _excluded2 = ["id"],
+  _excluded2 = ["id", "itemText"],
   _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
 var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -97,23 +97,27 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // actions can either be an overflow menu or series of icons
   var getActions = function getActions() {
     if (overflowActions.length > 0) {
-      var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
+      var pos = actionsPlacement === 'top' ? 'bottom-end' : 'top-end';
       var size = actionsPlacement === 'top' ? 'sm' : 'md';
       return /*#__PURE__*/React.createElement(react.Layer, {
         level: 2
+      }, /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+        enableV12Overflowmenu: true
       }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
+        autoAlign: true,
+        menuAlignment: pos,
         size: size,
-        direction: pos,
-        flipped: true,
         "aria-label": overflowAriaLabel,
-        iconDescription: iconDescription
+        label: iconDescription
       }, overflowActions.map(function (_ref2) {
         var id = _ref2.id,
+          itemText = _ref2.itemText,
           rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-        return /*#__PURE__*/React.createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers.extends({
-          key: id
+        return /*#__PURE__*/React.createElement(react.MenuItem, _rollupPluginBabelHelpers.extends({
+          key: id,
+          label: itemText
         }, rest));
-      })));
+      }))));
     }
     var icons = getIcons().map(function (_ref3) {
       var id = _ref3.id,

package/lib/components/Checklist/ChecklistChart.js

@@ -9,10 +9,10 @@
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../_virtual/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var clamp = require('lodash/clamp');
-var index = require('../../node_modules/@carbon/colors/es/index.js');
+var index$1 = require('../../node_modules/@carbon/colors/es/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var Checklist_types = require('./Checklist.types.js');
@@ -38,8 +38,8 @@ function (_ref, ref) {
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var numDegrees = clamp(value * 360, 0, 360);
-  var circleColor = theme === Checklist_types.Themes.light ? index.gray20 : index.gray70; // $ui-03 (-ish)
-  var progressColor = index.purple50;
+  var circleColor = theme === Checklist_types.Themes.light ? index$1.gray20 : index$1.gray70; // $ui-03 (-ish)
+  var progressColor = index$1.purple50;
   React.useEffect(function () {
     var ele = document.getElementsByClassName("".concat(blockClass));
     setTimeout(function () {
@@ -75,15 +75,15 @@ ChecklistChart.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index$1.default.string,
+  className: index.default.string,
   /**
    * Determines the theme of the component.
    */
-  theme: index$1.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
+  theme: index.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
   /**
    * Number between 0 and 1.
    */
-  value: index$1.default.number.isRequired
+  value: index.default.number.isRequired
 };
 
 exports.ChecklistChart = ChecklistChart;

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

@@ -54,6 +54,5 @@ var GroupConnector = function GroupConnector() {
     }
   })));
 };
-var GroupConnector$1 = GroupConnector;
 
-exports.default = GroupConnector$1;
+exports.default = GroupConnector;

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

@@ -65,9 +65,6 @@ var ItemOption = function ItemOption(_ref) {
       className: "".concat(util.blockClass, "__statement_wrapper")
     }, /*#__PURE__*/React.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React.createElement("div", null, option.text2));
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return;
   }
@@ -80,8 +77,7 @@ var ItemOption = function ItemOption(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

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

@@ -131,13 +131,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     } else {
       onChange(option, evt);
     }
+    if (evt.target instanceof SVGElement) {
+      evt.stopPropagation();
+      //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
+    }
   };
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React.createElement(react.SelectSkeleton, null));
   }
@@ -150,8 +151,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), multiSelectable && /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React.createElement(react.Button, {

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

@@ -50,10 +50,6 @@ var traverseReverse = function traverseReverse(eachElem, index, allElements, rot
   }
 };
 var checkForHoldingKey = function checkForHoldingKey(evt, key) {
-  // possible key inputs: altKey,ctrlKey,metaKey,shiftKey
-  if (key === 'cmd') {
-    return evt.metaKey || evt.ctrlKey;
-  }
   return evt[key];
 };
 var checkIsValid = function checkIsValid(item) {

package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -61,12 +61,12 @@ var ResizeHeader = function ResizeHeader(_ref) {
       if (key === 'ArrowLeft') {
         if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
           var newWidth = currentColumnWidth - incrementAmount;
-          stateReducer.handleColumnResizingEvent(dispatch, header, newWidth, true);
+          stateReducer.handleColumnResizingEvent(dispatch, header, newWidth);
         }
       }
       if (key === 'ArrowRight') {
         var _newWidth = currentColumnWidth + incrementAmount;
-        stateReducer.handleColumnResizingEvent(dispatch, header, _newWidth, true);
+        stateReducer.handleColumnResizingEvent(dispatch, header, _newWidth);
       }
     }
   };

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js

@@ -60,6 +60,5 @@ Actions.propTypes = {
   setColumnsObject: index.default.func.isRequired,
   setSearchText: index.default.func.isRequired
 };
-var Actions$1 = Actions;
 
-exports.default = Actions$1;
+exports.default = Actions;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -72,6 +72,5 @@ ButtonWrapper.propTypes = {
   onClick: index.default.func.isRequired,
   setIsTearsheetOpen: index.default.func.isRequired
 };
-var ToggleButtonWrapper = ButtonWrapper;
 
-exports.default = ToggleButtonWrapper;
+exports.default = ButtonWrapper;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -97,6 +97,5 @@ Columns.propTypes = {
   setColumnStatus: index.default.func,
   setColumnsObject: index.default.func.isRequired
 };
-var Columns$1 = Columns;
 
-exports.default = Columns$1;
+exports.default = Columns;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -191,6 +191,5 @@ CustomizeColumnsTearsheet.propTypes = {
   selectAllLabel: index.default.string,
   setIsTearsheetOpen: index.default.func.isRequired
 };
-var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
 
-exports.default = CustomizeColumnsTearsheet$1;
+exports.default = CustomizeColumnsTearsheet;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -65,6 +65,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
 TearsheetWrapper.propTypes = {
   instance: index.default.object.isRequired
 };
-var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
 
-exports.default = CustomizeColumnsTearsheetWrapper;
+exports.default = TearsheetWrapper;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -331,6 +331,5 @@ FilterFlyout.propTypes = {
    */
   updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT]).isRequired
 };
-var FilterFlyout$1 = FilterFlyout;
 
-exports.default = FilterFlyout$1;
+exports.default = FilterFlyout;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -316,7 +316,6 @@ FilterPanel.propTypes = {
   title: index.default.string,
   updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
 };
-var FilterPanel$1 = FilterPanel;
 
 exports.componentClass = componentClass;
-exports.default = FilterPanel$1;
+exports.default = FilterPanel;

package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js

@@ -78,6 +78,5 @@ OverflowCheckboxes.propTypes = {
   viewAllLabel: index.default.string,
   viewLessLabel: index.default.string
 };
-var OverflowCheckboxes$1 = OverflowCheckboxes;
 
-exports.default = OverflowCheckboxes$1;
+exports.default = OverflowCheckboxes;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -22,6 +22,5 @@ var useFilterContext = function useFilterContext() {
   }
   return context;
 };
-var useFilterContext$1 = useFilterContext;
 
-exports.default = useFilterContext$1;
+exports.default = useFilterContext;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -477,6 +477,5 @@ var useFilters = function useFilters(_ref) {
     cancel: cancel
   };
 };
-var useFilters$1 = useFilters;
 
-exports.default = useFilters$1;
+exports.default = useFilters;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -33,6 +33,5 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
-var useShouldDisableButtons$1 = useShouldDisableButtons;
 
-exports.default = useShouldDisableButtons$1;
+exports.default = useShouldDisableButtons;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js

@@ -25,6 +25,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
     EventEmitter.subscribe(type, callback);
   });
 };
-var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-exports.default = useSubscribeToEventEmitter$1;
+exports.default = useSubscribeToEventEmitter;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js

@@ -91,6 +91,5 @@ RowSizeDropdown.propTypes = {
   onChange: index.default.func.isRequired,
   selectedOption: index.default.string
 };
-var RowSizeDropdown$1 = RowSizeDropdown;
 
-exports.default = RowSizeDropdown$1;
+exports.default = RowSizeDropdown;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -89,6 +89,5 @@ RowSizeRadioGroup.propTypes = {
   selectedOption: index.default.string.isRequired,
   tableId: index.default.string.isRequired
 };
-var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 
-exports.default = RowSizeRadioGroup$1;
+exports.default = RowSizeRadioGroup;

package/lib/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -30,7 +30,7 @@ var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, o
   });
 };
 var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
-  if (isKeyEvent) {
+  {
     dispatch({
       type: COLUMN_RESIZE_START,
       payload: {

package/lib/components/Datagrid/useColumnOrder.js

@@ -13,7 +13,7 @@ var reactTable = require('react-table');
 
 
 
-Object.defineProperty(exports, 'default', {
+Object.defineProperty(exports, "default", {
 	enumerable: true,
 	get: function () { return reactTable.useColumnOrder; }
 });

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -40,6 +40,5 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   };
   hooks.visibleColumns.push(visibleColumns);
 };
-var useDefaultStringRenderer$1 = useDefaultStringRenderer;
 
-exports.default = useDefaultStringRenderer$1;
+exports.default = useDefaultStringRenderer;

package/lib/components/Datagrid/useEditableCell.js

@@ -14,6 +14,5 @@ var useInlineEdit = require('./useInlineEdit.js');
 var useEditableCell = function useEditableCell(hooks) {
   useInlineEdit.default(hooks);
 };
-var useEditableCell$1 = useEditableCell;
 
-exports.default = useEditableCell$1;
+exports.default = useEditableCell;

package/lib/components/Datagrid/useFlexResize.js

@@ -79,6 +79,5 @@ var useFlexResize = function useFlexResize(hooks) {
   });
   hooks.useInstance.push(useInstance);
 };
-var useFlexResize$1 = useFlexResize;
 
-exports.default = useFlexResize$1;
+exports.default = useFlexResize;

package/lib/components/Datagrid/useFloatingScroll.js

@@ -77,6 +77,5 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
   hooks.useInstance.push(useAddScrollListener);
   hooks.useInstance.push(useInstance);
 };
-var useFloatingScroll$1 = useFloatingScroll;
 
-exports.default = useFloatingScroll$1;
+exports.default = useFloatingScroll;

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -119,6 +119,5 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
   hooks.visibleColumns.push(visibleColumns);
   hooks.useInstance.push(useInstance);
 };
-var useNestedRowExpander$1 = useNestedRowExpander;
 
-exports.default = useNestedRowExpander$1;
+exports.default = useNestedRowExpander;

package/lib/components/Datagrid/useParentDimensions.js

@@ -59,6 +59,5 @@ var useParentDimensions = function useParentDimensions(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useParentDimensions$1 = useParentDimensions;
 
-exports.default = useParentDimensions$1;
+exports.default = useParentDimensions;

package/lib/components/Datagrid/useResizeTable.js

@@ -36,6 +36,5 @@ var useResizeTable = function useResizeTable(hooks) {
   };
   hooks.useInstanceBeforeDimensions.push(useInstanceBeforeDimensions);
 };
-var useResizeTable$1 = useResizeTable;
 
-exports.default = useResizeTable$1;
+exports.default = useResizeTable;

package/lib/components/Datagrid/useRowExpander.js

@@ -69,6 +69,5 @@ var useRowExpander = function useRowExpander(hooks) {
   hooks.visibleColumns.push(visibleColumns);
   hooks.useInstance.push(useInstance);
 };
-var useRowExpander$1 = useRowExpander;
 
-exports.default = useRowExpander$1;
+exports.default = useRowExpander;

package/lib/components/Datagrid/useRowRenderer.js

@@ -69,6 +69,5 @@ var useRowRenderer = function useRowRenderer(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useRowRenderer$1 = useRowRenderer;
 
-exports.default = useRowRenderer$1;
+exports.default = useRowRenderer;

package/lib/components/Datagrid/useRowSize.js

@@ -55,6 +55,5 @@ var useRowSize = function useRowSize(hooks) {
   };
   hooks.getTableProps.push(getTableProps);
 };
-var useRowSize$1 = useRowSize;
 
-exports.default = useRowSize$1;
+exports.default = useRowSize;

package/lib/components/Datagrid/useSkeletonRows.js

@@ -44,6 +44,5 @@ var useSkeletons = function useSkeletons(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useSkeletonRows = useSkeletons;
 
-exports.default = useSkeletonRows;
+exports.default = useSkeletons;

package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorDualButton/DecoratorDualButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
 
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
     kind: "dual-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorDualButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);

package/lib/components/DecoratorLink/DecoratorLink.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 export let DecoratorLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorLink/DecoratorLink.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
 
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
     kind: "link"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorLink.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorSingleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
 
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
     kind: "single-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorSingleButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);

package/lib/components/DescriptionList/DescriptionList.d.ts

@@ -1,5 +1,6 @@
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DescriptionList/DescriptionList.js

@@ -41,6 +41,7 @@ var defaults = {
 
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$border = _ref.border,
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     selection: false
   }, children));
 });
+exports.DescriptionList.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);

package/lib/components/EditFullPage/EditFullPage.d.ts

@@ -16,7 +16,9 @@ export interface EditFullPageProps {
     children: ReactNode;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditFullPage/EditFullPage.js

@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, devtools.getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+exports.EditFullPage.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
 

package/lib/components/EditSidePanel/EditSidePanel.d.ts

@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
     title: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -27,7 +27,9 @@ var componentName = 'EditSidePanel';
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -94,6 +96,12 @@ exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, children));
 });
 
+/**@ts-ignore*/
+exports.EditSidePanel.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditSidePanel = settings.pkg.checkComponentEnabled(exports.EditSidePanel, componentName);
 

package/lib/components/EditTearsheet/EditTearsheet.d.ts

@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
     verticalPosition?: 'normal' | 'lower';
 }
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export {};