@carbon/react 1.95.1-rc.0 → 1.96.0

package/es/components/Menu/Menu.js

@@ -149,7 +149,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
     }
   }
   function handleBlur(e) {
-    if (open && onClose && isRoot && !menu.current?.contains(e.relatedTarget)) {
+    if (open && onClose && isRoot && e.relatedTarget && !menu.current?.contains(e.relatedTarget)) {
       handleClose();
     }
   }

package/es/components/Pagination/Pagination.js

@@ -250,6 +250,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(({
     hideLabel: true,
     onChange: handlePageInputChange,
     value: page,
+    key: page,
     disabled: pageInputDisabled || disabled
   }, selectItems), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text`

package/es/components/Search/Search.js

@@ -10,7 +10,7 @@ import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useContext, useRef, useState } from 'react';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -20,6 +20,8 @@ import { deprecate } from '../../prop-types/deprecate.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { noopFn } from '../../internal/noopFn.js';
+import '../Tooltip/DefinitionTooltip.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
 
 var _Close;
 const Search = /*#__PURE__*/React.forwardRef(({
@@ -129,11 +131,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
       }
     }
   }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "search",
-    "aria-label": placeholder,
-    className: searchClasses
-  }, /*#__PURE__*/React.createElement("div", {
+  const magnifierButton = /*#__PURE__*/React.createElement("div", {
     "aria-labelledby": onExpand ? searchId : undefined,
     role: onExpand ? 'button' : undefined,
     className: `${prefix}--search-magnifier`,
@@ -145,7 +143,19 @@ const Search = /*#__PURE__*/React.forwardRef(({
     "aria-controls": onExpand ? uniqueId : undefined
   }, /*#__PURE__*/React.createElement(CustomSearchIcon, {
     icon: renderIcon
-  })), /*#__PURE__*/React.createElement("label", {
+  }));
+
+  // Wrap magnifierButton in a tooltip if it's expandable
+  const magnifierWithTooltip = onExpand && !isExpanded ? /*#__PURE__*/React.createElement(Tooltip, {
+    className: `${prefix}--search-tooltip ${prefix}--search-magnifier-tooltip`,
+    align: "top",
+    label: "Search"
+  }, magnifierButton) : magnifierButton;
+  return /*#__PURE__*/React.createElement("div", {
+    role: "search",
+    "aria-label": placeholder,
+    className: searchClasses
+  }, magnifierWithTooltip, /*#__PURE__*/React.createElement("label", {
     id: searchId,
     htmlFor: uniqueId,
     className: `${prefix}--label`

package/lib/components/Menu/Menu.js

@@ -151,7 +151,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu({
     }
   }
   function handleBlur(e) {
-    if (open && onClose && isRoot && !menu.current?.contains(e.relatedTarget)) {
+    if (open && onClose && isRoot && e.relatedTarget && !menu.current?.contains(e.relatedTarget)) {
       handleClose();
     }
   }

package/lib/components/Pagination/Pagination.js

@@ -254,6 +254,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(({
     hideLabel: true,
     onChange: handlePageInputChange,
     value: page,
+    key: page,
     disabled: pageInputDisabled || disabled
   }, selectItems), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text`

package/lib/components/Search/Search.js

@@ -24,6 +24,8 @@ var deprecate = require('../../prop-types/deprecate.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var noopFn = require('../../internal/noopFn.js');
+require('../Tooltip/DefinitionTooltip.js');
+var Tooltip = require('../Tooltip/Tooltip.js');
 
 var _Close;
 const Search = /*#__PURE__*/React.forwardRef(({
@@ -133,11 +135,7 @@ const Search = /*#__PURE__*/React.forwardRef(({
       }
     }
   }
-  return /*#__PURE__*/React.createElement("div", {
-    role: "search",
-    "aria-label": placeholder,
-    className: searchClasses
-  }, /*#__PURE__*/React.createElement("div", {
+  const magnifierButton = /*#__PURE__*/React.createElement("div", {
     "aria-labelledby": onExpand ? searchId : undefined,
     role: onExpand ? 'button' : undefined,
     className: `${prefix}--search-magnifier`,
@@ -149,7 +147,19 @@ const Search = /*#__PURE__*/React.forwardRef(({
     "aria-controls": onExpand ? uniqueId : undefined
   }, /*#__PURE__*/React.createElement(CustomSearchIcon, {
     icon: renderIcon
-  })), /*#__PURE__*/React.createElement("label", {
+  }));
+
+  // Wrap magnifierButton in a tooltip if it's expandable
+  const magnifierWithTooltip = onExpand && !isExpanded ? /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
+    className: `${prefix}--search-tooltip ${prefix}--search-magnifier-tooltip`,
+    align: "top",
+    label: "Search"
+  }, magnifierButton) : magnifierButton;
+  return /*#__PURE__*/React.createElement("div", {
+    role: "search",
+    "aria-label": placeholder,
+    className: searchClasses
+  }, magnifierWithTooltip, /*#__PURE__*/React.createElement("label", {
     id: searchId,
     htmlFor: uniqueId,
     className: `${prefix}--label`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.95.1-rc.0",
+  "version": "1.96.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,7 +55,7 @@
     "@carbon/feature-flags": "0.32.0",
     "@carbon/icons-react": "^11.70.0",
     "@carbon/layout": "^11.43.0",
-    "@carbon/styles": "^1.94.1-rc.0",
+    "@carbon/styles": "^1.95.0",
     "@carbon/utilities": "^0.12.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -80,7 +80,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.38.0",
-    "@carbon/themes": "^11.62.1-rc.0",
+    "@carbon/themes": "^11.63.0",
     "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "fde0c0fc9b6c3931d871720ee94e99255603d18d"
+  "gitHead": "d2ccae94e5aa3defcce07cc9ea90058fda6c9705"
 }