@carbon/react 1.92.1 → 1.93.0

package/lib/components/PaginationNav/PaginationNav.js

@@ -22,20 +22,22 @@ var clamp = require('../../internal/clamp.js');
 
 var _CaretRight, _CaretLeft, _option;
 const translationIds = {
-  'carbon.pagination-nav.next': 'Next',
-  'carbon.pagination-nav.previous': 'Previous',
-  'carbon.pagination-nav.item': 'Page',
-  'carbon.pagination-nav.active': 'Active',
-  'carbon.pagination-nav.of': 'of'
+  'carbon.pagination-nav.next': 'carbon.pagination-nav.next',
+  'carbon.pagination-nav.previous': 'carbon.pagination-nav.previous',
+  'carbon.pagination-nav.item': 'carbon.pagination-nav.item',
+  'carbon.pagination-nav.active': 'carbon.pagination-nav.active',
+  'carbon.pagination-nav.of': 'carbon.pagination-nav.of'
+};
+const defaultTranslations = {
+  [translationIds['carbon.pagination-nav.next']]: 'Next',
+  [translationIds['carbon.pagination-nav.previous']]: 'Previous',
+  [translationIds['carbon.pagination-nav.item']]: 'Page',
+  [translationIds['carbon.pagination-nav.active']]: 'Active',
+  [translationIds['carbon.pagination-nav.of']]: 'of'
+};
+const defaultTranslateWithId = messageId => {
+  return defaultTranslations[messageId];
 };
-
-/**
- * Message ids that will be passed to translateWithId().
- */
-
-function translateWithId(messageId) {
-  return translationIds[messageId];
-}
 
 // https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
 function usePrevious(value) {
@@ -92,7 +94,7 @@ function PaginationItem({
   page,
   isActive,
   onClick,
-  translateWithId: t = translateWithId
+  translateWithId: t = defaultTranslateWithId
 }) {
   const prefix = usePrefix.usePrefix();
   const itemLabel = t('carbon.pagination-nav.item');
@@ -115,7 +117,7 @@ function PaginationOverflow({
   count = NaN,
   onSelect,
   disableOverflow,
-  translateWithId: t = translateWithId
+  translateWithId: t = defaultTranslateWithId
 }) {
   const prefix = usePrefix.usePrefix();
 
@@ -182,7 +184,7 @@ const PaginationNav = /*#__PURE__*/React.forwardRef(({
   size = 'lg',
   tooltipAlignment,
   tooltipPosition,
-  translateWithId: t = translateWithId,
+  translateWithId: t = defaultTranslateWithId,
   ...rest
 }, ref) => {
   const smMediaQuery = `(max-width: ${layout.breakpoints.sm.width})`;
@@ -383,8 +385,7 @@ PaginationItem.propTypes = {
    */
   page: PropTypes.number,
   /**
-   * Specify a custom translation function that takes in a message identifier
-   * and returns the localized string for the message
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func
 };
@@ -402,8 +403,7 @@ PaginationOverflow.propTypes = {
    */
   onSelect: PropTypes.func,
   /**
-   * Specify a custom translation function that takes in a message identifier
-   * and returns the localized string for the message
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func
 };
@@ -453,8 +453,7 @@ PaginationNav.propTypes = {
    */
   totalItems: PropTypes.number,
   /**
-   * Specify a custom translation function that takes in a message identifier
-   * and returns the localized string for the message
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func
 };

package/lib/components/Popover/index.js

@@ -50,10 +50,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   open,
   alignmentAxisOffset,
   ...rest
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 },
 //this is a workaround, have to come back and fix this.
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 forwardRef) {
   const prefix = usePrefix.usePrefix();
   const floating = React.useRef(null);
@@ -96,9 +96,9 @@ forwardRef) {
   // we look to see if any of the children has a className containing "slug"
   const initialCaretHeight = React.Children.toArray(children).some(x => {
     return (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       x?.props?.className?.includes('slug') ||
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       x?.props?.className?.includes('ai-label')
     );
   }) ? 7 : 6;
@@ -151,7 +151,8 @@ forwardRef) {
       fallbackAxisSideDirection: 'start',
       boundary: autoAlignBoundary
     }), react.arrow({
-      element: caretRef
+      element: caretRef,
+      padding: 16
     }), autoAlign && react.hide()],
     whileElementsMounted: react.autoUpdate
   } : {}
@@ -219,7 +220,7 @@ forwardRef) {
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);
   const mappedChildren = React.Children.map(children, child => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -234,13 +235,13 @@ forwardRef) {
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
     if (/*#__PURE__*/React.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       const className = item?.props?.className;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       const ref = (item?.props).ref;
       const tabTipClasses = cx(`${prefix}--popover--tab-tip__button`, className);
 
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       return /*#__PURE__*/React.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.

package/lib/components/ProgressBar/ProgressBar.js

@@ -59,7 +59,7 @@ function ProgressBar({
   });
   let StatusIcon = null;
   if (isError) {
-    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
     StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.ErrorFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,
@@ -67,7 +67,7 @@ function ProgressBar({
       }, props));
     });
   } else if (isFinished) {
-    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
     StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,

package/lib/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,22 +1,19 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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 PropTypes from 'prop-types';
 import React from 'react';
-import { TranslateWithId } from '../../types/common';
-declare const defaultTranslations: {
-    readonly 'carbon.progress-step.complete': "Complete";
-    readonly 'carbon.progress-step.incomplete': "Incomplete";
-    readonly 'carbon.progress-step.current': "Current";
-    readonly 'carbon.progress-step.invalid': "Invalid";
+import type { TranslateWithId } from '../../types/common';
+declare const translationIds: {
+    readonly 'carbon.progress-step.complete': "carbon.progress-step.complete";
+    readonly 'carbon.progress-step.incomplete': "carbon.progress-step.incomplete";
+    readonly 'carbon.progress-step.current': "carbon.progress-step.current";
+    readonly 'carbon.progress-step.invalid': "carbon.progress-step.invalid";
 };
-/**
- * Message ids that will be passed to translateWithId().
- */
-type TranslationKey = keyof typeof defaultTranslations;
+type TranslationKey = keyof typeof translationIds;
 export interface ProgressIndicatorProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {
     /**
      * Provide `<ProgressStep>` components to be rendered in the
@@ -32,7 +29,7 @@ export interface ProgressIndicatorProps extends Omit<React.HTMLAttributes<HTMLUL
      */
     currentIndex?: number;
     /**
-     * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
+     * Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
      */
     onChange?: (data: number) => void;
     /**
@@ -61,7 +58,7 @@ declare namespace ProgressIndicator {
          */
         currentIndex: PropTypes.Requireable<number>;
         /**
-         * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
+         * Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
          */
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         /**
@@ -176,8 +173,7 @@ declare namespace ProgressStep {
          */
         tooltipId: PropTypes.Requireable<string>;
         /**
-         * Optional method that takes in a message id and returns an
-         * internationalized string.
+         * Translates component strings using your i18n tool.
          */
         translateWithId: PropTypes.Requireable<(...args: any[]) => any>;
     };

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -18,20 +18,21 @@ var usePrefix = require('../../internal/usePrefix.js');
 var Text = require('../Text/Text.js');
 require('../Text/TextDirection.js');
 
+const translationIds = {
+  'carbon.progress-step.complete': 'carbon.progress-step.complete',
+  'carbon.progress-step.incomplete': 'carbon.progress-step.incomplete',
+  'carbon.progress-step.current': 'carbon.progress-step.current',
+  'carbon.progress-step.invalid': 'carbon.progress-step.invalid'
+};
 const defaultTranslations = {
-  'carbon.progress-step.complete': 'Complete',
-  'carbon.progress-step.incomplete': 'Incomplete',
-  'carbon.progress-step.current': 'Current',
-  'carbon.progress-step.invalid': 'Invalid'
+  [translationIds['carbon.progress-step.complete']]: 'Complete',
+  [translationIds['carbon.progress-step.incomplete']]: 'Incomplete',
+  [translationIds['carbon.progress-step.current']]: 'Current',
+  [translationIds['carbon.progress-step.invalid']]: 'Invalid'
 };
-
-/**
- * Message ids that will be passed to translateWithId().
- */
-
-function translateWithId(messageId) {
+const defaultTranslateWithId = messageId => {
   return defaultTranslations[messageId];
-}
+};
 function ProgressIndicator({
   children,
   className: customClassName,
@@ -103,7 +104,7 @@ ProgressIndicator.propTypes = {
    */
   currentIndex: PropTypes.number,
   /**
-   * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
+   * Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
    */
   onChange: PropTypes.func,
   /**
@@ -125,7 +126,7 @@ function ProgressStep({
   secondaryLabel,
   disabled,
   onClick,
-  translateWithId: t = translateWithId,
+  translateWithId: t = defaultTranslateWithId,
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
@@ -255,8 +256,7 @@ ProgressStep.propTypes = {
    */
   tooltipId: PropTypes.string,
   /**
-   * Optional method that takes in a message id and returns an
-   * internationalized string.
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func
 };

package/lib/components/RadioButton/RadioButton.js

@@ -57,7 +57,7 @@ const RadioButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const candidateIsAILabel = utils.isComponentElement(candidate, index.AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: candidate.props?.['kind'] === 'inline' ? 'md' : 'mini'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, rest, {

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -114,7 +114,7 @@ const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini',
     kind: 'default'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses,
     ref: mergeRefs.mergeRefs(divRef, ref)

package/lib/components/RadioTile/RadioTile.js

@@ -82,7 +82,7 @@ const RadioTile = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = utils.isComponentElement(candidate, index$1.AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'xs'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     checked: checked,
     className: `${prefix}--tile-input`,

package/lib/components/Select/Select.js

@@ -57,11 +57,13 @@ const Select = /*#__PURE__*/React.forwardRef(({
   // Convert children to an array of valid elements once using type narrowing
   const validChildren = React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
 
-  // Find the default option based on the specified defaultValue
-  const defaultOption = validChildren.find(child => child.props?.value === other?.defaultValue);
+  // Find the default option based on the specified defaultValue or value
+  const selectedValue = other?.value || other?.defaultValue;
+  const selectedOption = validChildren.find(child => child.props?.value === selectedValue);
 
-  // Use the default option's text if available; otherwise, fallback to the first option's text
-  const initialTitle = defaultOption?.props?.text || validChildren[0]?.props?.text || '';
+  // Use the provided title prop, or the selected option's text if available;
+  // otherwise, fallback to the first option's text
+  const initialTitle = other?.title || selectedOption?.props?.text || validChildren[0]?.props?.text || '';
   const [title, setTitle] = React.useState(initialTitle);
   const selectClasses = cx({
     [`${prefix}--select`]: true,
@@ -143,7 +145,7 @@ const Select = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = utils.isComponentElement(candidate, index.AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   const input = (() => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("select", _rollupPluginBabelHelpers.extends({}, other, ariaProps, {
       id: id,

package/lib/components/ShapeIndicator/index.js

@@ -50,13 +50,13 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: iconsReact.CircleStroke
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const ShapeIndicator = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   kind,
   label,
   textSize = 12,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();

package/lib/components/Slider/Slider.d.ts

@@ -6,22 +6,20 @@
  */
 import { type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { TranslateWithId } from '../../types/common';
+import type { TranslateWithId } from '../../types/common';
 declare const translationIds: {
-    readonly autoCorrectAnnouncement: "carbon.slider.auto-correct-announcement";
+    readonly 'carbon.slider.auto-correct-announcement': "carbon.slider.auto-correct-announcement";
+};
+type TranslationKey = keyof typeof translationIds;
+type TranslationArgs = {
+    correctedValue?: string;
 };
-/**
- * Message ids that will be passed to translateWithId().
- */
-type TranslationKey = (typeof translationIds)[keyof typeof translationIds];
 declare enum HandlePosition {
     LOWER = "lower",
     UPPER = "upper"
 }
 type ExcludedAttributes = 'onChange' | 'onBlur';
-export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes>, TranslateWithId<TranslationKey, {
-    correctedValue?: string;
-}> {
+export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes>, TranslateWithId<TranslationKey, TranslationArgs> {
     /**
      * The `ariaLabel` for the `<input>`.
      */

package/lib/components/Slider/Slider.js

@@ -44,22 +44,18 @@ const ThumbWrapper = ({
   }
 };
 const translationIds = {
-  autoCorrectAnnouncement: 'carbon.slider.auto-correct-announcement'
+  'carbon.slider.auto-correct-announcement': 'carbon.slider.auto-correct-announcement'
 };
-
-/**
- * Message ids that will be passed to translateWithId().
- */
-
-function translateWithId(translationId, translationState) {
-  if (translationState?.correctedValue) {
-    const {
-      correctedValue
-    } = translationState;
-    return `The inputted value "${correctedValue}" was corrected to the nearest allowed digit.`;
+const defaultTranslations = {
+  [translationIds['carbon.slider.auto-correct-announcement']]: 'The inputted value "{correctedValue}" was corrected to the nearest allowed digit.'
+};
+const defaultTranslateWithId = (messageId, args) => {
+  const template = defaultTranslations[messageId];
+  if (args?.correctedValue) {
+    return template.replace('{correctedValue}', args.correctedValue);
   }
-  return '';
-}
+  return template;
+};
 const defaultFormatLabel = (value, label) => {
   return `${value}${label ?? ''}`;
 };
@@ -695,7 +691,7 @@ const Slider = props => {
       min,
       max
     } = props;
-    const numSteps = Math.floor((max - min) / step) + ((max - min) % step === 0 ? 1 : 2);
+    const numSteps = Math.floor((max - min) / step) + 1;
     /** Index of the step that corresponds to `leftPercent`. */
     const stepIndex = Math.round(leftPercent * (numSteps - 1));
     const discreteValue = stepIndex === numSteps - 1 ? max : min + step * stepIndex;
@@ -957,7 +953,7 @@ const Slider = props => {
       hideLabel,
       step = 1,
       // TODO: Other properties are deleted below. Why isn't this one?
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
       stepMultiplier: _stepMultiplier,
       inputType = 'number',
       invalidText,
@@ -969,7 +965,7 @@ const Slider = props => {
       readOnly = false,
       warn,
       warnText,
-      translateWithId: t = translateWithId,
+      translateWithId: t = defaultTranslateWithId,
       ...other
     } = props;
     delete other.onRelease;
@@ -986,11 +982,11 @@ const Slider = props => {
     } = state;
     const showWarning = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
     typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
     const showWarningUpper = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
-    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
     typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
     return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;
@@ -1198,7 +1194,7 @@ const Slider = props => {
         as: "div",
         role: "alert",
         className: cx(`${prefix}--slider__status-msg`, `${prefix}--form-requirement`)
-      }, t(translationIds.autoCorrectAnnouncement, {
+      }, t(translationIds['carbon.slider.auto-correct-announcement'], {
         correctedValue
       })));
     });

package/lib/components/Stack/HStack.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var Stack = require('./Stack.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const HStack = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,

package/lib/components/Stack/Stack.js

@@ -37,7 +37,7 @@ const SPACING_STEPS = Array.from({
  * - https://paste.twilio.design/layout/stack/
  * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
  */
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as: BaseComponent = 'div',

package/lib/components/Stack/VStack.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var Stack = require('./Stack.js');
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const VStack = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,

package/lib/components/StructuredList/StructuredList.js

@@ -152,7 +152,7 @@ function StructuredListRow(props) {
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const rowId = id ?? useId.useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
@@ -186,7 +186,7 @@ function StructuredListRow(props) {
     ref: itemRef,
     onClick: event => {
       setSelectedRow?.(rowId);
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       onClick && onClick(event);
       if (selection) {
         // focus items only when selection is enabled
@@ -266,7 +266,7 @@ function StructuredListInput(props) {
     value: row?.id ?? '',
     onChange: event => {
       setSelectedRow?.(event.target.value);
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
       onChange && onChange(event);
     },
     id: id ?? defaultId,