@carbon/react 1.90.0 → 1.91.0-rc.0

package/es/components/Slider/index.d.ts

@@ -1,10 +1,10 @@
 /**
- * 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.
  */
-declare const Slider: import("react").FunctionComponent<import("./Slider").SliderProps>;
+import { Slider } from './Slider';
 export { default as SliderSkeleton } from './Slider.Skeleton';
 export default Slider;
 export { Slider };

package/es/components/Tabs/Tabs.d.ts

@@ -367,6 +367,10 @@ export interface IconTabProps extends DivAttributes {
      * Specify whether the tooltip for the icon should be open when it first renders
      */
     defaultOpen?: boolean;
+    /**
+     *  Specify whether your IconTab is disabled.
+     */
+    disabled?: boolean;
     /**
      * Specify the duration in milliseconds to delay before displaying the tooltip for the icon.
      */

package/es/components/TextArea/TextArea.js

@@ -80,19 +80,26 @@ const TextArea = frFn((props, forwardRef) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, defaultValue, counterMode]);
   useIsomorphicEffect(() => {
-    const measuredWidth = wrapperRef.current?.scrollWidth;
     if (other.cols && textareaRef.current) {
       textareaRef.current.style.width = '';
       textareaRef.current.style.resize = 'none';
     } else if (textareaRef.current) {
       textareaRef.current.style.width = `100%`;
     }
-    [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
-      if (r.current) {
-        r.current.style.maxWidth = `${measuredWidth}px`;
-        r.current.style.overflowWrap = 'break-word';
-      }
+    if (!wrapperRef.current) return;
+    const applyWidth = width => {
+      [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
+        if (r.current) {
+          r.current.style.maxWidth = `${width}px`;
+          r.current.style.overflowWrap = 'break-word';
+        }
+      });
+    };
+    const resizeObserver = new ResizeObserver(([entry]) => {
+      applyWidth(entry.contentRect.width);
     });
+    resizeObserver.observe(wrapperRef.current);
+    return () => resizeObserver && resizeObserver.disconnect();
   }, [other.cols, invalid, warn]);
   const textareaProps = {
     id,

package/es/components/TextInput/ControlledPasswordInput.js

@@ -10,7 +10,7 @@ import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { WarningFilled, ViewOff, View } from '@carbon/icons-react';
-import { textInputProps } from './util.js';
+import { getTextInputProps } from './util.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
@@ -90,7 +90,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
   });
   const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
-  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, getTextInputProps({
     invalid,
     sharedTextInputProps,
     invalidId: errorId,

package/es/components/TextInput/PasswordInput.js

@@ -11,7 +11,7 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { ViewOff, View } from '@carbon/icons-react';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
-import { textInputProps } from './util.js';
+import { getTextInputProps } from './util.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import '../Tooltip/DefinitionTooltip.js';
@@ -157,7 +157,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
     // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     console.warn('Warning: The "showPasswordLabel" should not be blank.');
   }
-  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
+  const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, getTextInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,

package/es/components/TextInput/TextInput.js

@@ -10,7 +10,7 @@ import React, { useRef, useState, useEffect, useContext, cloneElement } from 're
 import cx from 'classnames';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import { deprecate } from '../../prop-types/deprecate.js';
-import { textInputProps } from './util.js';
+import { getTextInputProps } from './util.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -154,7 +154,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
     id: normalizedProps.helperId,
     className: helperTextClasses
   }, helperText) : null;
-  const input = /*#__PURE__*/React.createElement("input", textInputProps({
+  const input = /*#__PURE__*/React.createElement("input", getTextInputProps({
     sharedTextInputProps,
     invalid: normalizedProps.invalid,
     invalidId: normalizedProps.invalidId,

package/es/components/TextInput/util.d.ts

@@ -1,9 +1,21 @@
-export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
-    sharedTextInputProps: object;
-    invalid?: boolean;
-    invalidId?: string;
+/**
+ * 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.
+ */
+interface TextInputPropsConfig {
+    sharedTextInputProps: Record<string, unknown>;
+    invalid: boolean;
+    invalidId: string;
     warn?: boolean;
     warnId?: string;
     hasHelper?: boolean;
     helperId?: string;
-}): object;
+}
+export declare const getTextInputProps: ({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: TextInputPropsConfig) => {
+    'aria-describedby'?: string | undefined;
+    'data-invalid'?: boolean | undefined;
+    'aria-invalid'?: boolean | undefined;
+};
+export {};

package/es/components/TextInput/util.js

@@ -16,12 +16,7 @@ const warnProps = warnId => ({
 const helperProps = helperId => ({
   'aria-describedby': helperId
 });
-
-/**
- * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
- * @returns {object}
- */
-const textInputProps = ({
+const getTextInputProps = ({
   sharedTextInputProps,
   invalid,
   invalidId,
@@ -36,4 +31,4 @@ const textInputProps = ({
   ...(hasHelper ? helperProps(helperId) : {})
 });
 
-export { textInputProps };
+export { getTextInputProps };

package/es/components/UIShell/HeaderPanel.d.ts

@@ -32,5 +32,5 @@ export interface HeaderPanelProps {
      */
     onHeaderPanelFocus?: () => void;
 }
-declare const HeaderPanel: React.FC<HeaderPanelProps>;
+declare const HeaderPanel: React.ForwardRefExoticComponent<HeaderPanelProps & React.RefAttributes<HTMLDivElement>>;
 export default HeaderPanel;

package/es/index.d.ts

@@ -99,18 +99,18 @@ export * from './components/Toggletip';
 export * from './components/TreeView';
 export * from './components/UIShell';
 export * from './components/UnorderedList';
-export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
-export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
-export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
-export { FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
-export { FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
-export { FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
-export { FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
-export { FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
-export { FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
-export { FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
-export { FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
-export { FluidTimePickerSelect as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect';
+export { FluidComboBox, FluidComboBoxSkeleton, FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
+export { FluidDatePicker, FluidDatePickerSkeleton, FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
+export { FluidDatePickerInput, FluidDatePickerInput as unstable__FluidDatePickerInput, } from './components/FluidDatePickerInput';
+export { FluidDropdown, FluidDropdownSkeleton, FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
+export { FluidMultiSelect, FluidMultiSelectSkeleton, FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
+export { FluidSelect, FluidSelectSkeleton, FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
+export { FluidSearch, FluidSearchSkeleton, FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
+export { FluidTextArea, FluidTextAreaSkeleton, FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
+export { FluidTextInput, FluidTextInputSkeleton, FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
+export { FluidNumberInput, FluidNumberInputSkeleton, FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
+export { FluidTimePicker, FluidTimePickerSkeleton, FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
+export { FluidTimePickerSelect, FluidTimePickerSelect as unstable__FluidTimePickerSelect, } from './components/FluidTimePickerSelect';
 export * from './components/Heading';
 export * from './components/IconButton';
 export * from './components/Layer';
@@ -127,7 +127,6 @@ export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AIL
 export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
 export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
 export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AISkeleton';
-export * from './components/Stack';
 export * from './components/Tooltip';
 export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';
 export * from './components/Tooltip/DefinitionTooltip';

package/es/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright IBM Corp. 2016, 2023
  *
@@ -129,7 +130,8 @@ export { default as SelectItemGroup } from './components/SelectItemGroup/SelectI
 export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
 export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
 export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
-export { default as Slider } from './components/Slider/index.js';
+export { Slider } from './components/Slider/Slider.js';
+export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { HStack } from './components/Stack/HStack.js';
 export { Stack } from './components/Stack/Stack.js';
 export { VStack } from './components/Stack/VStack.js';
@@ -189,29 +191,29 @@ export { default as SideNavMenu } from './components/UIShell/SideNavMenu.js';
 export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem.js';
 export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
-export { default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
-export { default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
-export { default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
-export { default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
-export { default as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput/FluidDatePickerInput.js';
-export { default as unstable__FluidDropdown } from './components/FluidDropdown/FluidDropdown.js';
-export { default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
-export { default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
-export { default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
-export { default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
-export { default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
-export { default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
-export { default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
-export { default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
-export { default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
-export { default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
+export { default as FluidComboBox, default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
+export { default as FluidComboBoxSkeleton, default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
+export { default as FluidDatePicker, default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
+export { default as FluidDatePickerSkeleton, default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
+export { default as FluidDatePickerInput, default as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput/FluidDatePickerInput.js';
+export { default as FluidDropdown, default as unstable__FluidDropdown } from './components/FluidDropdown/FluidDropdown.js';
+export { default as FluidDropdownSkeleton, default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
+export { default as FluidMultiSelect, default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
+export { default as FluidMultiSelectSkeleton, default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
+export { default as FluidSelect, default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
+export { default as FluidSelectSkeleton, default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
+export { default as FluidSearch, default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
+export { default as FluidSearchSkeleton, default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
+export { default as FluidTextArea, default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
+export { default as FluidTextAreaSkeleton, default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
+export { default as FluidTextInput, default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
 import './components/FluidTextInput/FluidPasswordInput.js';
-export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
-export { default as unstable__FluidNumberInput } from './components/FluidNumberInput/FluidNumberInput.js';
-export { default as unstable__FluidNumberInputSkeleton } from './components/FluidNumberInput/FluidNumberInput.Skeleton.js';
-export { default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
-export { default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
-export { default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
+export { default as FluidTextInputSkeleton, default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
+export { default as FluidNumberInput, default as unstable__FluidNumberInput } from './components/FluidNumberInput/FluidNumberInput.js';
+export { default as FluidNumberInputSkeleton, default as unstable__FluidNumberInputSkeleton } from './components/FluidNumberInput/FluidNumberInput.Skeleton.js';
+export { default as FluidTimePicker, default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
+export { default as FluidTimePickerSkeleton, default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
+export { default as FluidTimePickerSelect, default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
 export { Heading, Section } from './components/Heading/index.js';
 export { IconButton, IconButtonKinds } from './components/IconButton/index.js';
 export { Layer, useLayer } from './components/Layer/index.js';
@@ -239,6 +241,5 @@ export { default as unstable_PageSelector } from './components/Pagination/experi
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
-export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { Text as unstable_Text } from './components/Text/Text.js';
 export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';

package/es/internal/defaultItemToString.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+export declare const defaultItemToString: <ItemType>(item: ItemType | null) => string;

package/es/internal/defaultItemToString.js

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+
+const defaultItemToString = item => {
+  if (typeof item === 'string') return item;
+  if (typeof item === 'number') return `${item}`;
+  if (item && typeof item === 'object' && 'label' in item && typeof item.label === 'string') {
+    return item.label;
+  }
+  return '';
+};
+
+export { defaultItemToString };

package/es/internal/index.d.ts

@@ -4,4 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export * from './defaultItemToString';
 export * from './utils';

package/es/prop-types/deprecateValuesWithin.d.ts

@@ -1 +1,8 @@
-export default function deprecateValuesWithin(propType: any, allowedValues: any, propMappingFunction: any): (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+/**
+ * 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 type { Requireable, Validator } from 'prop-types';
+export declare const deprecateValuesWithin: <T>(propType: Requireable<T>, allowedValues?: readonly unknown[], propMappingFunction?: (deprecatedValue: T) => T) => Validator<T> | Requireable<T>;

package/es/prop-types/deprecateValuesWithin.js

@@ -8,10 +8,10 @@
 import { warning } from '../internal/warning.js';
 
 const didWarnAboutDeprecation = {};
-function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
-  return function checker(props, propName, componentName, ...rest) {
-    if (props[propName] === undefined) {
-      return;
+const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
+  return (props, propName, componentName, ...rest) => {
+    if (typeof props[propName] === 'undefined') {
+      return null;
     }
     if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
       didWarnAboutDeprecation[componentName] = {
@@ -27,6 +27,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
     }
     return propType(props, propName, componentName, ...rest);
   };
-}
+};
 
-export { deprecateValuesWithin as default };
+export { deprecateValuesWithin };

package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts

@@ -1,14 +1,15 @@
 /**
- * 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 type { Validator } from 'prop-types';
 /**
- * @param {string} name The name of the prop that must exist to validate
- * the current prop.
- * @param {React.Validator} propType The original prop type checker.
- * @returns {React.Validator} The new prop type checker for the current prop that
- * becomes required if the prop corresponding to the provided prop name exists.
+ * @param name The name of the prop that must exist to validate the current
+ * prop.
+ * @param propType The original prop type checker.
+ * @returns The new prop type checker for the current prop that becomes required
+ * if the prop corresponding to the provided prop name exists.
  */
-export default function requiredIfGivenPropIsTruthy(name: string, propType: React.Validator): React.Validator;
+export declare const requiredIfGivenPropIsTruthy: <T>(name: string, propType: Validator<T>) => Validator<T>;

package/es/prop-types/requiredIfGivenPropIsTruthy.js

@@ -6,19 +6,19 @@
  */
 
 /**
- * @param {string} name The name of the prop that must exist to validate
- * the current prop.
- * @param {React.Validator} propType The original prop type checker.
- * @returns {React.Validator} The new prop type checker for the current prop that
- * becomes required if the prop corresponding to the provided prop name exists.
+ * @param name The name of the prop that must exist to validate the current
+ * prop.
+ * @param propType The original prop type checker.
+ * @returns The new prop type checker for the current prop that becomes required
+ * if the prop corresponding to the provided prop name exists.
  */
-function requiredIfGivenPropIsTruthy(name, propType) {
-  return function check(props, propName, componentName, ...rest) {
-    if (process.env.NODE_ENV !== 'production' && props[name] == true && props[propName] == null) {
+const requiredIfGivenPropIsTruthy = (name, propType) => {
+  return (props, propName, componentName, ...rest) => {
+    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.`);
     }
     return propType(props, propName, componentName, ...rest);
   };
-}
+};
 
-export { requiredIfGivenPropIsTruthy as default };
+export { requiredIfGivenPropIsTruthy };

package/lib/components/CodeSnippet/CodeSnippet.d.ts

@@ -111,7 +111,7 @@ declare namespace CodeSnippet {
         /**
          * Specify how the trigger should align with the tooltip
          */
-        align: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        align: PropTypes.Requireable<string> | PropTypes.Validator<string>;
         /**
          * Specify a label to be read by screen readers on the containing textbox
          * node

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -238,7 +238,7 @@ CodeSnippet.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead

package/lib/components/ComboBox/ComboBox.js

@@ -31,6 +31,7 @@ var FormContext = require('../FluidForm/FormContext.js');
 var react = require('@floating-ui/react');
 var index = require('../FeatureFlags/index.js');
 var index$1 = require('../AILabel/index.js');
+var defaultItemToString = require('../../internal/defaultItemToString.js');
 var utils = require('../../internal/utils.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var Text = require('../Text/Text.js');
@@ -47,18 +48,6 @@ const {
   ItemClick,
   FunctionSelectItem
 } = Downshift.useCombobox.stateChangeTypes;
-const defaultItemToString = item => {
-  if (typeof item === 'string') {
-    return item;
-  }
-  if (typeof item === 'number') {
-    return `${item}`;
-  }
-  if (item !== null && typeof item === 'object' && 'label' in item && typeof item['label'] === 'string') {
-    return item['label'];
-  }
-  return '';
-};
 const defaultShouldFilterItem = () => true;
 const autocompleteCustomFilter = ({
   item,
@@ -94,7 +83,7 @@ const getInputValue = ({
 };
 const findHighlightedIndex = ({
   items,
-  itemToString = defaultItemToString
+  itemToString = defaultItemToString.defaultItemToString
 }, inputValue) => {
   if (!inputValue) {
     return -1;
@@ -137,7 +126,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     invalidText,
     items,
     itemToElement = null,
-    itemToString = defaultItemToString,
+    itemToString = defaultItemToString.defaultItemToString,
     light,
     onChange,
     onInputChange,

package/lib/components/ComboButton/index.js

@@ -192,7 +192,7 @@ ComboButton.propTypes = {
   /**
    * Specify how the trigger tooltip should be aligned.
    */
-  tooltipAlignment: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  tooltipAlignment: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead

package/lib/components/ComposedModal/ComposedModal.js

@@ -79,7 +79,7 @@ ModalBody.propTypes = {
   /**
    * Required props for the accessibility label of the header
    */
-  ['aria-label']: requiredIfGivenPropIsTruthy.default('hasScrollingContent', PropTypes.string),
+  ['aria-label']: requiredIfGivenPropIsTruthy.requiredIfGivenPropIsTruthy('hasScrollingContent', PropTypes.string),
   /**
    * Specify the content to be placed in the ModalBody
    */

package/lib/components/Copy/Copy.d.ts

@@ -50,7 +50,7 @@ declare namespace Copy {
         /**
          * Specify how the trigger should align with the tooltip
          */
-        align: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        align: PropTypes.Requireable<string> | PropTypes.Validator<string>;
         /**
          * **Experimental**: Will attempt to automatically align the tooltip. Requires
          * React v17+

package/lib/components/Copy/Copy.js

@@ -72,7 +72,7 @@ Copy.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead

package/lib/components/CopyButton/CopyButton.d.ts

@@ -51,7 +51,7 @@ declare namespace CopyButton {
         /**
          * Specify how the trigger should align with the tooltip
          */
-        align: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        align: PropTypes.Requireable<string> | PropTypes.Validator<string>;
         /**
          * **Experimental**: Will attempt to automatically align the tooltip. Requires
          * React v17+

package/lib/components/CopyButton/CopyButton.js

@@ -53,7 +53,7 @@ CopyButton.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead