@carbon/react 1.79.0-rc.0 → 1.80.0-rc.0

package/lib/internal/useSavedCallback.js

@@ -12,24 +12,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 /**
- * Provide a stable reference for a callback that is passed as a prop to a
- * component. This is helpful when you want access to the latest version of a
- * callback prop but don't want it to be added to the dependency array of an
- * effect.
+ * Returns a stable callback reference that always points to the latest version
+ * of a callback. This is useful when you want to avoid including the callback
+ * in dependency arrays while still ensuring the latest callback implementation
+ * is used.
  *
- * @param {Function | undefined} callback
- * @returns {Function}
+ * @param callback - The callback to track.
  */
-function useSavedCallback(callback) {
+const useSavedCallback = callback => {
   const savedCallback = React.useRef(callback);
   React.useEffect(() => {
     savedCallback.current = callback;
-  });
+  }, [callback]);
   return React.useCallback(function () {
-    if (savedCallback.current) {
-      return savedCallback.current(...arguments);
-    }
+    return savedCallback.current ? savedCallback.current(...arguments) : undefined;
   }, []);
-}
+};
 
 exports.useSavedCallback = useSavedCallback;

package/lib/internal/warning.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+/**
+ * Logs a warning.
+ *
+ * The warning is only logged if the condition is not met and
+ * `process.env.NODE_ENV !== 'production'` is truthy.
+ *
+ * @param condition - Condition to evaluate.
+ * @param message - Warning message.
+ * @throws Error if no `message` is provided.
+ */
+export declare const warning: (condition: boolean, message: string) => void;

package/lib/internal/warning.js

@@ -9,21 +9,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyFunction = function () {};
-const warning = process.env.NODE_ENV !== "production" ? function warning(condition, format) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
-  if (format === undefined) {
-    throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'format argument');
+var noopFn = require('./noopFn.js');
+
+/**
+ * Logs a warning.
+ *
+ * The warning is only logged if the condition is not met and
+ * `process.env.NODE_ENV !== 'production'` is truthy.
+ *
+ * @param condition - Condition to evaluate.
+ * @param message - Warning message.
+ * @throws Error if no `message` is provided.
+ */
+const warning = process.env.NODE_ENV !== 'production' ? (condition, message) => {
+  if (typeof message === 'undefined') {
+    throw new Error('`warning(condition, message)` requires a warning ' + 'format argument');
   }
   if (!condition) {
-    let index = 0;
-    const message = format.replace(/%s/g, () => {
-      return args[index++];
-    });
     console.warn('Warning: ' + message);
   }
-} : emptyFunction;
+} : noopFn.noopFn;
 
 exports.warning = warning;

package/lib/internal/wrapFocus.js

@@ -79,7 +79,7 @@ function wrapFocusWithoutSentinels(_ref2) {
     currentActiveNode,
     event
   } = _ref2;
-  if (['blur', 'focusout', 'focusin', 'focus'].includes(event.type) && process.env.NODE_ENV !== "production") {
+  if (['blur', 'focusout', 'focusin', 'focus'].includes(event.type) && process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
       throw new Error(`Error: wrapFocusWithoutSentinels(...) called in unsupported ${event.type} event.\n\nCall wrapFocusWithoutSentinels(...) from onKeyDown instead.`);

package/lib/prop-types/isRequiredOneOf.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function isRequiredOneOf(propTypes) {
   const names = Object.keys(propTypes);
   const checker = propType => function (props, propName, componentName) {
-    if (process.env.NODE_ENV !== "production" && names.every(name => typeof props[name] === 'undefined')) {
+    if (process.env.NODE_ENV !== 'production' && names.every(name => typeof props[name] === 'undefined')) {
       return new Error(`${componentName} requires one of the following props: ${names.join(', ')}`);
     }
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {

package/lib/prop-types/requiredIfGivenPropIsTruthy.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 function requiredIfGivenPropIsTruthy(name, propType) {
   return function check(props, propName, componentName) {
-    if (process.env.NODE_ENV !== "production" && props[name] == true && props[propName] == null) {
+    if (process.env.NODE_ENV !== 'production' && props[name] == true && props[propName] == null) {
       return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
     }
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {

package/lib/tools/events.js

@@ -9,12 +9,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+// @ts-check
 
 /**
  * Generic utility to compose event handlers so that consumers can supply their

package/lib/tools/toggleClass.js

@@ -9,6 +9,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/**
+ * Adds or removes a CSS class to an element.
+ * @param {Element} element An element.
+ * @param {string} name A CSS class name.
+ * @param {boolean} add `true` to add the given CSS class to given the element. Otherwise to remove.
+ */
 function toggleClass(element, name, add) {
   if (element.classList.contains(name) === !add) {
     element.classList[add ? 'add' : 'remove'](name);

package/lib/types/common.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * 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 * as React from 'react';
 export type ReactAttr<T = HTMLElement> = React.HTMLAttributes<T>;
 export type ForwardRefProps<T, P = unknown> = React.PropsWithoutRef<React.PropsWithChildren<P>> & React.RefAttributes<T>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.79.0-rc.0",
+  "version": "1.80.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -51,10 +51,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
-    "@carbon/feature-flags": "^0.25.0-rc.0",
-    "@carbon/icons-react": "^11.57.0",
-    "@carbon/layout": "^11.31.0-rc.0",
-    "@carbon/styles": "^1.78.0-rc.0",
+    "@carbon/feature-flags": "^0.25.0",
+    "@carbon/icons-react": "^11.58.0-rc.0",
+    "@carbon/layout": "^11.32.0-rc.0",
+    "@carbon/styles": "^1.79.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -66,7 +66,7 @@
     "prop-types": "^15.7.2",
     "react-fast-compare": "^3.2.2",
     "tabbable": "^6.2.0",
-    "use-resize-observer": "^6.0.0",
+    "use-resize-observer": "^9.1.0",
     "window-or-global": "^1.0.1"
   },
   "devDependencies": {
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.35.0",
-    "@carbon/themes": "^11.49.0-rc.0",
+    "@carbon/themes": "^11.50.0-rc.0",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
@@ -146,5 +146,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "0c142888f7e3aefd5a5b5b0b2c34c2552894bb56"
+  "gitHead": "0d87b91846d3b2a877f9f385f4f4b16214388315"
 }

package/scss/components/page-header/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/page-header';

package/scss/components/page-header/_page-header.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 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.
+//
+
+@forward '@carbon/styles/scss/components/page-header/page-header';

package/telemetry.yml

@@ -18,7 +18,6 @@ collect:
         - allowCustomValue
         - allowEmpty
         - aria-controls
-        - aria-current
         - aria-label
         - aria-labelledby
         - ariaLabel
@@ -40,9 +39,11 @@ collect:
         - compareItems
         - condensed
         - contained
+        - count
         - danger
         - dangerDescription
         - datePickerType
+        - decorator
         - defaultChecked
         - defaultExpanded
         - defaultOpen
@@ -57,6 +58,7 @@ collect:
         - disableWheel
         - downshiftActions
         - downshiftProps
+        - dropShadow
         - element
         - enableCounter
         - enterDelayMs
@@ -78,6 +80,7 @@ collect:
         - hideCloseButton
         - hideLabel
         - hidePasswordLabel
+        - highContrast
         - href
         - iconDescription
         - id
@@ -138,6 +141,7 @@ collect:
         - onActionButtonClick
         - onAddFiles
         - onBlur
+        - onCancel
         - onChange
         - onClear
         - onClick
@@ -177,6 +181,7 @@ collect:
         - primaryButtonText
         - radio
         - readOnly
+        - ref
         - rel
         - render
         - renderIcon
@@ -217,6 +222,8 @@ collect:
         - titleId
         - titleText
         - tooltipAlignment
+        - tooltipDropShadow
+        - tooltipHighContrast
         - tooltipPosition
         - totalItems
         - translateWithId
@@ -236,8 +243,6 @@ collect:
         - onHeadingClick
         - renderExpando
         - renderToggle
-        # AccordionSkeleton
-        - count
         # ActionableNotification
         - closeOnEscape
         - hasFocus
@@ -254,6 +259,8 @@ collect:
         - ratio
         # Breadcrumb
         - noTrailingSlash
+        # BreadcrumbItem
+        - aria-current
         # ButtonSet
         - stacked
         # ChatButton
@@ -326,8 +333,8 @@ collect:
         - tileMaxHeight
         - tilePadding
         # FeatureFlags
-        - enableExperimentalFocusWrapWithoutSentinels
         - enableDialogElement
+        - enableExperimentalFocusWrapWithoutSentinels
         - enableTreeviewControllable
         - enableV12DynamicFloatingStyles
         - enableV12Overflowmenu
@@ -369,7 +376,10 @@ collect:
         # HeaderPanel
         - onHeaderPanelFocus
         # IconButton
+        - badgeCount
         - wrapperClasses
+        # IconTab
+        - badgeIndicator
         # InlineLoading
         - onSuccess
         - successDelay
@@ -446,6 +456,9 @@ collect:
         - onMouseDown
         - requireTitle
         - wrapperClassName
+        # PageHeaderContent
+        - contextualActions
+        - pageActions
         # PageSelector
         - currentPage
         - totalPages
@@ -469,9 +482,8 @@ collect:
         - itemsShown
         - loop
         # Popover
+        - autoAlignBoundary
         - caret
-        - dropShadow
-        - highContrast
         - isTabTip
         # ProgressIndicator
         - currentIndex
@@ -485,6 +497,8 @@ collect:
         - noLabel
         # SelectItem
         - hidden
+        # ShapeIndicator
+        - textSize
         # SideNav
         - addMouseListeners
         - inert
@@ -513,6 +527,7 @@ collect:
         - unstable_valueUpper
         # SliderSkeleton
         - twoHandles
+        - unstable_ariaLabelHandleUpper
         # StructuredListCell
         - noWrap
         # SwitcherItem
@@ -520,7 +535,6 @@ collect:
         # Tab
         - renderButton
         # TableBatchActions
-        - onCancel
         - onSelectAll
         - shouldShowBatchActions
         - totalCount
@@ -528,7 +542,7 @@ collect:
         # TableBody
         - aria-live
         # TableCell
-        - hasSlugHeader
+        - hasAILabelHeader
         # TableExpandHeader
         - enableExpando
         - enableToggle
@@ -574,6 +588,8 @@ collect:
         - labelA
         - labelB
         - toggled
+        # Toggletip
+        - alignmentAxisOffset
         # TreeNode
         - defaultIsExpanded
         - depth
@@ -595,6 +611,7 @@ collect:
         - bottom-left
         - bottom-right
         - bottom-start
+        - center
         - end
         - left
         - left-bottom
@@ -612,14 +629,6 @@ collect:
         - top-left
         - top-right
         - top-start
-        # General - aria-current
-        - date
-        - 'false'
-        - location
-        - page
-        - step
-        - time
-        - 'true'
         # General - buttonKind
         - danger
         - danger--ghost
@@ -644,28 +653,47 @@ collect:
         - bottom
         - top
         # General - kind
+        - caution-major
+        - caution-minor
+        - cautious
+        - critical
         - danger
         - default
         - disclosed
+        - draft
         - error
+        - failed
         - ghost
+        - high
+        - in-progress
+        - incomplete
         - info
         - info-square
+        - informative
         - inline
+        - low
+        - medium
+        - normal
+        - not-started
         - on-page
+        - pending
         - primary
         - secondary
+        - stable
+        - succeeded
         - success
         - tertiary
+        - undefined
+        - unknown
         - warning
         - warning-alt
         # General - labelPosition
         - left
         - right
         # General - level
-        - '0'
-        - '1'
-        - '2'
+        - "0"
+        - "1"
+        - "2"
         # General - loadingStatus
         - active
         - error
@@ -757,6 +785,8 @@ collect:
         - top
         - top-after-reopen
         # General - size
+        - "16"
+        - "20"
         - 2xl
         - 2xs
         - big
@@ -782,20 +812,16 @@ collect:
         - white
         # General - tooltipAlignment
         - bottom
-        - bottom-end
         - bottom-left
         - bottom-right
-        - bottom-start
         - center
         - end
         - left
         - right
         - start
         - top
-        - top-end
         - top-left
         - top-right
-        - top-start
         # General - tooltipPosition
         - bottom
         - left
@@ -834,6 +860,14 @@ collect:
         - 3x4
         - 4x3
         - 9x16
+        # BreadcrumbItem - aria-current
+        - date
+        - "false"
+        - location
+        - page
+        - step
+        - time
+        - "true"
         # ContentSwitcher - selectionMode
         - automatic
         - manual
@@ -854,6 +888,11 @@ collect:
         - actionable
         - inline
         - toast
+        # Popover - autoAlignBoundary
+        - clippingAncestors
+        # ShapeIndicator - textSize
+        - "12"
+        - "14"
         # TableBody - aria-live
         - assertive
         - off