@carbon/react 1.101.0-rc.0 → 1.101.0

package/es/components/ComboBox/ComboBox.js

@@ -781,15 +781,20 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     const {
       'aria-disabled': unusedAriaDisabled,
       // eslint-disable-line @typescript-eslint/no-unused-vars
+      'aria-selected': unusedAriaSelected,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
       ...modifiedItemProps
     } = itemProps;
+    const isSelected = isEqual(currentSelectedItem, item);
     return /*#__PURE__*/React.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
-      isActive: isEqual(currentSelectedItem, item),
+      isActive: isSelected,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: disabled
-    }, modifiedItemProps), itemToElement ? itemToElement(item) : itemToString(item), isEqual(currentSelectedItem, item) && /*#__PURE__*/React.createElement(Checkmark, {
+    }, modifiedItemProps, {
+      "aria-selected": isSelected
+    }), itemToElement ? itemToElement(item) : itemToString(item), isSelected && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }) : null)), helperText && !normalizedProps.invalid && !normalizedProps.warn && !isFluid && /*#__PURE__*/React.createElement(Text, {

package/es/components/Dropdown/Dropdown.js

@@ -260,7 +260,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     className: helperClasses
   }, helperText) : null;
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' && !selectedItem ? true : false);
+    setIsFocused(evt.type === 'focus' && !selectedItem);
   };
   const buttonRef = useRef(null);
   const mergedRef = mergeRefs(toggleButtonProps.ref, ref, buttonRef);
@@ -349,10 +349,10 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     size: size$1,
     className: className,
     invalid: normalizedProps.invalid,
-    invalidText: isFluid ? invalidText : undefined,
+    invalidText: invalidText,
     invalidTextId: normalizedProps.invalidId,
     warn: normalizedProps.warn,
-    warnText: isFluid ? warnText : undefined,
+    warnText: warnText,
     warnTextId: normalizedProps.warnId,
     light: light,
     isOpen: isOpen,
@@ -398,7 +398,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     }, itemProps), itemToElement ? itemToElement(item) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
-  }))), !inline && !isFluid && !normalizedProps.validation && helper, !inline && !isFluid && normalizedProps.validation);
+  }))), !inline && !isFluid && !normalizedProps.validation && helper);
 });
 
 // Workaround problems with forwardRef() and generics.  In the long term, should stop using forwardRef().

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -28,7 +28,7 @@ const ExpandableSearch = frFn((props, forwardedRef) => {
     ...rest
   } = props;
   const [expanded, setExpanded] = useState(isExpanded || false);
-  const [hasContent, setHasContent] = useState(defaultValue ? true : false);
+  const [hasContent, setHasContent] = useState(Boolean(defaultValue));
   const searchRef = useRef(null);
   const prefix = usePrefix();
   function handleBlur(evt) {

package/es/components/ListBox/test-helpers.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2026
+ *
+ * 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 '@testing-library/jest-dom/jest-globals';
+export declare const findListBoxNode: () => Element | null;
+export declare const findMenuNode: () => Element | null;
+export declare const findMenuItemNode: (index: number) => Element;
+export declare const findMenuIconNode: () => Element | null;
+export declare const findFieldNode: () => Element | null;
+export declare const findComboboxNode: () => Element | null;
+export declare const findPopupNode: () => Element | null;
+export declare const openMenu: () => Promise<void>;
+export declare const assertMenuOpen: (mockProps: {
+    items: unknown[];
+}) => void;
+export declare const assertMenuClosed: () => void;
+/**
+ * 'GenericItem' corresponds to an item in a collection that is passed to
+ * `MultiSelect` that is in a predictable shape and works with the default
+ * `itemToString` function.
+ */
+export declare const generateGenericItem: (index: number) => {
+    id: string;
+    label: string;
+    value: number;
+};
+/**
+ * 'CustomItem' corresponds to a potentially different item structure that might
+ * be passed into `MultiSelect` that we would need to supply a custom
+ * `itemToString` method for.
+ */
+export declare const generateCustomItem: (index: number) => {
+    field: string;
+    value: string;
+};
+/**
+ * Generates an array of values generated by the `generator` function.
+ */
+export declare const generateItems: <T>(amount: number, generator: (index: number) => T) => T[];
+export declare const customItemToString: ({ field, }: {
+    field: string;
+    value: string;
+}) => string;
+/**
+ * This object contains two sets of three items that share the same root
+ * word in different portions of the string (beginning, middle, end):
+ *
+ *  - 'struct'
+ *  - 'port'
+ *
+ * Separated by a disabled item, these derivative words are helpful when
+ * testing fuzzy search functions and components that do substring filtering.
+ */
+export declare const cognateItems: ({
+    id: string;
+    text: string;
+    disabled?: undefined;
+} | {
+    id: string;
+    text: string;
+    disabled: boolean;
+})[];
+/**
+ * Flushes microtasks to ensure element position state is settled
+ * From https://floating-ui.com/docs/react#testing
+ * More context here: https://github.com/floating-ui/react-popper/issues/368#issuecomment-1340413010
+ */
+export declare const waitForPosition: () => Promise<void>;

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -622,7 +622,7 @@ const FilterableMultiSelect = /*#__PURE__*/forwardRef(function FilterableMultiSe
     if (evt?.target.classList.contains(`${prefix}--tag__close-icon`) || evt?.target.classList.contains(`${prefix}--list-box__selection`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt?.type === 'focus' ? true : false);
+      setIsFocused(evt?.type === 'focus');
     }
   };
   const mergedRef = mergeRefs(textInput, inputProp.ref);

package/es/components/MultiSelect/MultiSelect.js

@@ -390,7 +390,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     if (evt.target.classList.contains(`${prefix}--tag__close-icon`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const readOnlyEventHandlers = readOnly ? {

package/es/components/NumberInput/NumberInput.js

@@ -445,7 +445,7 @@ const NumberInput = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     if ('type' in evt.target && evt.target.type === 'button') {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const outerElementClasses = cx(`${prefix}--form-item`, {

package/es/components/Popover/index.js

@@ -40,7 +40,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   autoAlign = false,
   autoAlignBoundary,
   backgroundToken = 'layer',
-  caret = isTabTip ? false : true,
+  caret = !isTabTip,
   className: customClassName,
   children,
   border = false,

package/es/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -65,7 +65,7 @@ function ProgressIndicator({
     if (index === currentIndex) {
       return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete,
-        current: child.props.complete ? false : true,
+        current: !child.props.complete,
         index,
         onClick
       });

package/es/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Search/Search.js

@@ -47,7 +47,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
   value,
   ...rest
 }, forwardRef) => {
-  const hasPropValue = value || defaultValue ? true : false;
+  const hasPropValue = Boolean(value || defaultValue);
   const prefix = usePrefix();
   const {
     isFluid

package/es/components/Select/Select.js

@@ -107,7 +107,7 @@ const Select = /*#__PURE__*/forwardRef(({
     ariaProps['aria-describedby'] = helper ? normalizedProps.helperId : undefined;
   }
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' ? true : false);
+    setIsFocused(evt.type === 'focus');
   };
   const handleChange = evt => {
     const selectedOption = evt?.target?.options[evt.target.selectedIndex];

package/es/components/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/TextArea/TextArea.js

@@ -278,7 +278,7 @@ const TextArea = frFn((props, forwardRef) => {
   }, [ariaAnnouncement, prevAnnouncement, counterMode]);
   const input = /*#__PURE__*/React.createElement("textarea", _extends({}, other, textareaProps, {
     placeholder: placeholder,
-    "aria-readonly": other.readOnly ? true : false,
+    "aria-readonly": Boolean(other.readOnly),
     className: textareaClasses,
     "aria-invalid": invalid,
     "aria-describedby": ariaDescribedBy,

package/lib/components/ComboBox/ComboBox.js

@@ -785,15 +785,20 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     const {
       'aria-disabled': unusedAriaDisabled,
       // eslint-disable-line @typescript-eslint/no-unused-vars
+      'aria-selected': unusedAriaSelected,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
       ...modifiedItemProps
     } = itemProps;
+    const isSelected = isEqual(currentSelectedItem, item);
     return /*#__PURE__*/React.createElement(index$2.default.MenuItem, _rollupPluginBabelHelpers.extends({
       key: itemProps.id,
-      isActive: isEqual(currentSelectedItem, item),
+      isActive: isSelected,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: disabled
-    }, modifiedItemProps), itemToElement ? itemToElement(item) : itemToString(item), isEqual(currentSelectedItem, item) && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
+    }, modifiedItemProps, {
+      "aria-selected": isSelected
+    }), itemToElement ? itemToElement(item) : itemToString(item), isSelected && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }) : null)), helperText && !normalizedProps.invalid && !normalizedProps.warn && !isFluid && /*#__PURE__*/React.createElement(Text.Text, {

package/lib/components/Dropdown/Dropdown.js

@@ -264,7 +264,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     className: helperClasses
   }, helperText) : null;
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' && !selectedItem ? true : false);
+    setIsFocused(evt.type === 'focus' && !selectedItem);
   };
   const buttonRef = React.useRef(null);
   const mergedRef = mergeRefs.mergeRefs(toggleButtonProps.ref, ref, buttonRef);
@@ -353,10 +353,10 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     size: size,
     className: className,
     invalid: normalizedProps.invalid,
-    invalidText: isFluid ? invalidText : undefined,
+    invalidText: invalidText,
     invalidTextId: normalizedProps.invalidId,
     warn: normalizedProps.warn,
-    warnText: isFluid ? warnText : undefined,
+    warnText: warnText,
     warnTextId: normalizedProps.warnId,
     light: light,
     isOpen: isOpen,
@@ -402,7 +402,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     }, itemProps), itemToElement ? itemToElement(item) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
-  }))), !inline && !isFluid && !normalizedProps.validation && helper, !inline && !isFluid && normalizedProps.validation);
+  }))), !inline && !isFluid && !normalizedProps.validation && helper);
 });
 
 // Workaround problems with forwardRef() and generics.  In the long term, should stop using forwardRef().

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -32,7 +32,7 @@ const ExpandableSearch = frFn((props, forwardedRef) => {
     ...rest
   } = props;
   const [expanded, setExpanded] = React.useState(isExpanded || false);
-  const [hasContent, setHasContent] = React.useState(defaultValue ? true : false);
+  const [hasContent, setHasContent] = React.useState(Boolean(defaultValue));
   const searchRef = React.useRef(null);
   const prefix = usePrefix.usePrefix();
   function handleBlur(evt) {

package/lib/components/ListBox/test-helpers.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright IBM Corp. 2016, 2026
+ *
+ * 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 '@testing-library/jest-dom/jest-globals';
+export declare const findListBoxNode: () => Element | null;
+export declare const findMenuNode: () => Element | null;
+export declare const findMenuItemNode: (index: number) => Element;
+export declare const findMenuIconNode: () => Element | null;
+export declare const findFieldNode: () => Element | null;
+export declare const findComboboxNode: () => Element | null;
+export declare const findPopupNode: () => Element | null;
+export declare const openMenu: () => Promise<void>;
+export declare const assertMenuOpen: (mockProps: {
+    items: unknown[];
+}) => void;
+export declare const assertMenuClosed: () => void;
+/**
+ * 'GenericItem' corresponds to an item in a collection that is passed to
+ * `MultiSelect` that is in a predictable shape and works with the default
+ * `itemToString` function.
+ */
+export declare const generateGenericItem: (index: number) => {
+    id: string;
+    label: string;
+    value: number;
+};
+/**
+ * 'CustomItem' corresponds to a potentially different item structure that might
+ * be passed into `MultiSelect` that we would need to supply a custom
+ * `itemToString` method for.
+ */
+export declare const generateCustomItem: (index: number) => {
+    field: string;
+    value: string;
+};
+/**
+ * Generates an array of values generated by the `generator` function.
+ */
+export declare const generateItems: <T>(amount: number, generator: (index: number) => T) => T[];
+export declare const customItemToString: ({ field, }: {
+    field: string;
+    value: string;
+}) => string;
+/**
+ * This object contains two sets of three items that share the same root
+ * word in different portions of the string (beginning, middle, end):
+ *
+ *  - 'struct'
+ *  - 'port'
+ *
+ * Separated by a disabled item, these derivative words are helpful when
+ * testing fuzzy search functions and components that do substring filtering.
+ */
+export declare const cognateItems: ({
+    id: string;
+    text: string;
+    disabled?: undefined;
+} | {
+    id: string;
+    text: string;
+    disabled: boolean;
+})[];
+/**
+ * Flushes microtasks to ensure element position state is settled
+ * From https://floating-ui.com/docs/react#testing
+ * More context here: https://github.com/floating-ui/react-popper/issues/368#issuecomment-1340413010
+ */
+export declare const waitForPosition: () => Promise<void>;

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -624,7 +624,7 @@ const FilterableMultiSelect = /*#__PURE__*/React.forwardRef(function FilterableM
     if (evt?.target.classList.contains(`${prefix}--tag__close-icon`) || evt?.target.classList.contains(`${prefix}--list-box__selection`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt?.type === 'focus' ? true : false);
+      setIsFocused(evt?.type === 'focus');
     }
   };
   const mergedRef = mergeRefs.mergeRefs(textInput, inputProp.ref);

package/lib/components/MultiSelect/MultiSelect.js

@@ -392,7 +392,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     if (evt.target.classList.contains(`${prefix}--tag__close-icon`)) {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const readOnlyEventHandlers = readOnly ? {

package/lib/components/NumberInput/NumberInput.js

@@ -447,7 +447,7 @@ const NumberInput = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     if ('type' in evt.target && evt.target.type === 'button') {
       setIsFocused(false);
     } else {
-      setIsFocused(evt.type === 'focus' ? true : false);
+      setIsFocused(evt.type === 'focus');
     }
   };
   const outerElementClasses = cx(`${prefix}--form-item`, {

package/lib/components/Popover/index.js

@@ -42,7 +42,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   autoAlign = false,
   autoAlignBoundary,
   backgroundToken = 'layer',
-  caret = isTabTip ? false : true,
+  caret = !isTabTip,
   className: customClassName,
   children,
   border = false,

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -67,7 +67,7 @@ function ProgressIndicator({
     if (index === currentIndex) {
       return /*#__PURE__*/React.cloneElement(child, {
         complete: child.props.complete,
-        current: child.props.complete ? false : true,
+        current: !child.props.complete,
         index,
         onClick
       });

package/lib/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Search/Search.js

@@ -51,7 +51,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
   value,
   ...rest
 }, forwardRef) => {
-  const hasPropValue = value || defaultValue ? true : false;
+  const hasPropValue = Boolean(value || defaultValue);
   const prefix = usePrefix.usePrefix();
   const {
     isFluid

package/lib/components/Select/Select.js

@@ -111,7 +111,7 @@ const Select = /*#__PURE__*/React.forwardRef(({
     ariaProps['aria-describedby'] = helper ? normalizedProps.helperId : undefined;
   }
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' ? true : false);
+    setIsFocused(evt.type === 'focus');
   };
   const handleChange = evt => {
     const selectedOption = evt?.target?.options[evt.target.selectedIndex];

package/lib/components/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/TextArea/TextArea.js

@@ -282,7 +282,7 @@ const TextArea = frFn((props, forwardRef) => {
   }, [ariaAnnouncement, prevAnnouncement, counterMode]);
   const input = /*#__PURE__*/React.createElement("textarea", _rollupPluginBabelHelpers.extends({}, other, textareaProps, {
     placeholder: placeholder,
-    "aria-readonly": other.readOnly ? true : false,
+    "aria-readonly": Boolean(other.readOnly),
     className: textareaClasses,
     "aria-invalid": invalid,
     "aria-describedby": ariaDescribedBy,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.101.0-rc.0",
+  "version": "1.101.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -52,11 +52,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": "0.33.0-rc.0",
-    "@carbon/icons-react": "^11.75.0-rc.0",
-    "@carbon/layout": "^11.48.0-rc.0",
-    "@carbon/styles": "^1.100.0-rc.0",
-    "@carbon/utilities": "^0.16.0-rc.0",
+    "@carbon/feature-flags": "1.0.0",
+    "@carbon/icons-react": "^11.75.0",
+    "@carbon/layout": "^11.48.0",
+    "@carbon/styles": "^1.100.0",
+    "@carbon/utilities": "^0.16.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -78,8 +78,8 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@carbon/test-utils": "^10.39.0",
-    "@carbon/themes": "^11.68.0-rc.0",
+    "@carbon/test-utils": "^10.40.0",
+    "@carbon/themes": "^11.68.0",
     "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "2878146d9047a6482e745e7279807c93855e9c09"
+  "gitHead": "6dde90f9edfb378e1585f1954c92484a37f22f02"
 }