@carbon/react 1.30.0 → 1.31.0

package/lib/components/OverflowMenuV2/index.js

@@ -9,86 +9,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var Menu = require('../Menu/Menu.js');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var useAttachedMenu = require('../../internal/useAttachedMenu.js');
+var warning = require('../../internal/warning.js');
+var index = require('../FeatureFlags/index.js');
+var index$1 = require('../OverflowMenu/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const defaultSize = 'md';
-function OverflowMenuV2(_ref) {
-  let {
-    children,
-    className,
-    renderIcon: IconElement = iconsReact.OverflowMenuVertical,
-    size = defaultSize,
-    ...rest
-  } = _ref;
-  const id = useId.useId('overflowmenu');
-  const prefix = usePrefix.usePrefix();
-  const triggerRef = React.useRef(null);
-  const {
-    open,
-    x,
-    y,
-    handleClick,
-    handleMousedown,
-    handleClose
-  } = useAttachedMenu.useAttachedMenu(triggerRef);
-  const containerClasses = cx__default["default"](`${prefix}--overflow-menu__container`);
-  const triggerClasses = cx__default["default"](`${prefix}--overflow-menu`, {
-    [`${prefix}--overflow-menu--open`]: open,
-    [className]: className
-  }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: containerClasses,
-    "aria-owns": id
-  }, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    type: "button",
-    "aria-haspopup": true,
-    "aria-expanded": open,
-    className: triggerClasses,
-    onClick: handleClick,
-    onMouseDown: handleMousedown,
-    ref: triggerRef
-  }), /*#__PURE__*/React__default["default"].createElement(IconElement, {
-    className: `${prefix}--overflow-menu__icon`
-  })), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
-    id: id,
-    size: size,
-    open: open,
-    onClose: handleClose,
-    x: x,
-    y: y
-  }, children));
+let didWarnAboutDeprecation = false;
+function OverflowMenuV2(props) {
+  if (process.env.NODE_ENV !== "production") {
+    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<OverflowMenuV2>` is deprecated and will be removed in the next major version. Use `<OverflowMenu>` with the `enable-v12-overflowmenu` feature flag instead.') : void 0;
+    didWarnAboutDeprecation = true;
+  }
+  return /*#__PURE__*/React__default["default"].createElement(index.FeatureFlags, {
+    flags: {
+      'enable-v12-overflowmenu': true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(index$1["default"], props));
 }
-OverflowMenuV2.propTypes = {
-  /**
-   * A collection of MenuItems to be rendered within this OverflowMenu.
-   */
-  children: PropTypes__default["default"].node,
-  /**
-   * Additional CSS class names for the trigger button.
-   */
-  className: PropTypes__default["default"].string,
-  /**
-   * Otionally provide a custom icon to be rendered on the trigger button.
-   */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-  /**
-   * Specify the size of the menu, from a list of available sizes.
-   */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
-};
 
 exports.OverflowMenuV2 = OverflowMenuV2;

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -116,7 +116,6 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
     className: fieldsetClasses,
     disabled: disabled,
     "data-invalid": invalid ? true : undefined,
-    "aria-readonly": readOnly,
     "aria-describedby": showHelper && helperText ? helperId : undefined
   }, rest), legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
     className: `${prefix}--label`

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

@@ -28,6 +28,10 @@ export interface SearchProps extends InputPropsBase {
      * Specify whether the `<input>` should be disabled
      */
     disabled?: boolean;
+    /**
+     * Specify whether or not ExpandableSearch should render expanded or not
+     */
+    isExpanded?: boolean;
     /**
      * Specify a custom `id` for the input
      */

package/lib/components/Search/Search.js

@@ -39,6 +39,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     closeButtonLabelText = 'Clear search input',
     defaultValue,
     disabled,
+    isExpanded = true,
     id,
     labelText,
     // @ts-expect-error: deprecated prop
@@ -55,6 +56,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     value,
     ...rest
   } = _ref;
+  const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix.usePrefix();
   const {
     isFluid
@@ -64,7 +66,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
   const inputId = useId.useId('search-input');
   const uniqueId = id || inputId;
   const searchId = `${uniqueId}-search`;
-  const [hasContent, setHasContent] = React.useState(value || defaultValue || false);
+  const [hasContent, setHasContent] = React.useState(hasPropValue || false);
   const [prevValue, setPrevValue] = React.useState(value);
   const searchClasses = cx__default["default"]({
     [`${prefix}--search`]: true,
@@ -77,7 +79,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
   }, className);
   const clearClasses = cx__default["default"]({
     [`${prefix}--search-close`]: true,
-    [`${prefix}--search-close--hidden`]: !hasContent
+    [`${prefix}--search-close--hidden`]: !hasContent || !isExpanded
   });
   if (value !== prevValue) {
     setHasContent(!!value);
@@ -172,6 +174,10 @@ Search.propTypes = {
    * Specify a custom `id` for the input
    */
   id: PropTypes__default["default"].string,
+  /**
+   * Specify whether or not ExpandableSearch should render expanded or not
+   */
+  isExpanded: PropTypes__default["default"].bool,
   /**
    * Provide the label text for the Search icon
    */

package/lib/components/Select/Select.d.ts

@@ -85,5 +85,5 @@ interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, ExcludedAttr
      */
     warnText?: ReactNode;
 }
-declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "value" | "children" | "className" | "disabled" | "size" | "form" | "slot" | "style" | "title" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "autoComplete" | "multiple" | "key" | "id" | "onAnimationEnd" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inline" | "invalid" | "name" | "readOnly" | "required" | "labelText" | "helperText" | "invalidText" | "hideLabel" | "warn" | "warnText" | "light" | "noLabel"> & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "value" | "children" | "className" | "disabled" | "size" | "form" | "slot" | "style" | "title" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "autoComplete" | "multiple" | "key" | "id" | "onAnimationEnd" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inline" | "name" | "readOnly" | "required" | "invalid" | "labelText" | "helperText" | "invalidText" | "hideLabel" | "warn" | "warnText" | "light" | "noLabel"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/lib/components/Tabs/Tabs.js

@@ -552,7 +552,11 @@ const Tab = /*#__PURE__*/React__default["default"].forwardRef(function Tab(_ref5
     type: "button"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--tabs__nav-item-label-wrapper`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, dismissable && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--tabs__nav-item--icon-left`
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    size: 16
+  })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--tabs__nav-item-label`
   }, children), /*#__PURE__*/React__default["default"].createElement("div", {
     className: cx__default["default"](`${prefix}--tabs__nav-item--icon`, {

package/lib/components/Tag/Tag.js

@@ -59,6 +59,8 @@ const Tag = _ref => {
     [`${prefix}--tag--disabled`]: disabled,
     [`${prefix}--tag--filter`]: filter,
     [`${prefix}--tag--${size}`]: size,
+    // TODO: V12 - Remove this class
+    [`${prefix}--layout--size-${size}`]: size,
     [`${prefix}--tag--${type}`]: type,
     [`${prefix}--tag--interactive`]: other.onClick && !filter
   });

package/lib/components/TextArea/TextArea.Skeleton.js

@@ -46,7 +46,6 @@ TextAreaSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
-var TextAreaSkeleton$1 = TextAreaSkeleton;
 
 exports.TextAreaSkeleton = TextAreaSkeleton;
-exports["default"] = TextAreaSkeleton$1;
+exports["default"] = TextAreaSkeleton;

package/lib/components/TextArea/TextArea.js

@@ -279,6 +279,5 @@ TextArea.defaultProps = {
   warn: false,
   warnText: ''
 };
-var TextArea$1 = TextArea;
 
-exports["default"] = TextArea$1;
+exports["default"] = TextArea;

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

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+import TextArea from './TextArea';
+export { default as TextAreaSkeleton } from './TextArea.Skeleton';
+export default TextArea;
+export { TextArea };

package/lib/components/TextInput/PasswordInput.js

@@ -285,6 +285,5 @@ PasswordInput.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var PasswordInput$1 = PasswordInput;
 
-exports["default"] = PasswordInput$1;
+exports["default"] = PasswordInput;

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -46,7 +46,6 @@ TextInputSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
-var TextInputSkeleton$1 = TextInputSkeleton;
 
 exports.TextInputSkeleton = TextInputSkeleton;
-exports["default"] = TextInputSkeleton$1;
+exports["default"] = TextInputSkeleton;

package/lib/components/TextInput/TextInput.js

@@ -44,7 +44,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     onClick = () => {},
     placeholder,
     readOnly,
-    size = 'md',
+    size,
     type = 'text',
     warn = false,
     warnText,
@@ -71,7 +71,9 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef(function Tex
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--text-input--invalid`]: normalizedProps.invalid,
     [`${prefix}--text-input--warning`]: normalizedProps.warn,
-    [`${prefix}--text-input--${size}`]: size
+    [`${prefix}--text-input--${size}`]: size,
+    // TODO: V12 - Remove this class
+    [`${prefix}--layout--size-${size}`]: size
   });
   const sharedTextInputProps = {
     id,
@@ -270,6 +272,5 @@ TextInput.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var TextInput$1 = TextInput;
 
-exports["default"] = TextInput$1;
+exports["default"] = TextInput;

package/lib/components/TextInput/index.d.ts

@@ -0,0 +1,4 @@
+import TextInput from './TextInput';
+export { default as TextInputSkeleton } from './TextInput.Skeleton';
+export default TextInput;
+export { TextInput };

package/lib/components/TimePicker/TimePicker.d.ts

@@ -36,6 +36,14 @@ export interface TimePickerProps extends Omit<ReactAttr<HTMLInputElement>, Exclu
      * Provide the text that is displayed when the control is in an invalid state
      */
     invalidText?: React.ReactNode;
+    /**
+     * Specify a warning message
+     */
+    warning?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an warning state
+     */
+    warningText?: React.ReactNode;
     /**
      * Provide the text that will be read by a screen reader when visiting this
      * control

package/lib/components/TimePicker/TimePicker.js

@@ -15,6 +15,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
+var iconsReact = require('@carbon/icons-react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,6 +32,8 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
     id,
     invalidText = 'Invalid time format.',
     invalid = false,
+    warningText = 'Warning message.',
+    warning = false,
     labelText,
     light = false,
     maxLength = 5,
@@ -75,12 +78,14 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
     }
   }
   const timePickerInputClasses = cx__default["default"](`${prefix}--time-picker__input-field`, `${prefix}--text-input`, [className], {
-    [`${prefix}--text-input--light`]: light
+    [`${prefix}--text-input--light`]: light,
+    [`${prefix}--time-picker__input-field-error`]: invalid || warning
   });
   const timePickerClasses = cx__default["default"]({
     [`${prefix}--time-picker`]: true,
     [`${prefix}--time-picker--light`]: light,
     [`${prefix}--time-picker--invalid`]: invalid,
+    [`${prefix}--time-picker--warning`]: warning,
     [`${prefix}--time-picker--readonly`]: readOnly,
     [`${prefix}--time-picker--${size}`]: size,
     ...(className && {
@@ -95,9 +100,6 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  const error = invalid ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, invalidText) : null;
   function getInternalPickerSelects() {
     const readOnlyEventHandlers = {
       onMouseDown: evt => {
@@ -150,7 +152,17 @@ const TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function Ti
     ref: ref,
     type: type,
     value: value
-  }, rest, readOnlyProps))), getInternalPickerSelects()), error);
+  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--time-picker__error__icon`
+  }, invalid ? /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+    className: `${prefix}--checkbox__invalid-icon`,
+    size: 16
+  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+    className: `${prefix}--text-input__invalid-icon--warning`,
+    size: 16
+  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--form-requirement`
+  }, invalid ? invalidText : warningText));
 });
 TimePicker.propTypes = {
   /**
@@ -232,7 +244,15 @@ TimePicker.propTypes = {
   /**
    * Specify the value of the `<input>`
    */
-  value: PropTypes__default["default"].string
+  value: PropTypes__default["default"].string,
+  /**
+   * Specify a warning message
+   */
+  warning: PropTypes__default["default"].bool,
+  /**
+   * Provide the text that is displayed when the control is in an warning state
+   */
+  warningText: PropTypes__default["default"].node
 };
 var TimePicker$1 = TimePicker;
 

package/lib/components/Tooltip/Tooltip.js

@@ -104,10 +104,12 @@ function Tooltip(_ref) {
     onMouseLeave: onMouseLeave,
     open: open,
     ref: containerRef
-  }), child !== undefined ? /*#__PURE__*/React__default["default"].cloneElement(child, {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--tooltip-trigger__wrapper`
+  }, child !== undefined ? /*#__PURE__*/React__default["default"].cloneElement(child, {
     ...triggerProps,
     ...getChildEventHandlers(child.props)
-  }) : null, /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
+  }) : null), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
     "aria-hidden": "true",
     className: `${prefix}--tooltip-content`,
     id: id,

package/lib/components/UIShell/HeaderMenuItem.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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.
+ */
+import React, { type ComponentProps, type ReactNode, ElementType } from 'react';
+import { LinkProps } from './Link';
+type HeaderMenuItemProps<E extends ElementType> = LinkProps<E> & {
+    className?: string | undefined;
+    isActive?: boolean | undefined;
+    isCurrentPage?: boolean | undefined;
+    'aria-current'?: string | undefined;
+    children: ReactNode;
+    role?: ComponentProps<'li'>['role'];
+    tabIndex?: number | undefined;
+};
+declare const HeaderMenuItem: (<E extends React.ElementType<any> = "a">(props: HeaderMenuItemProps<E>) => JSX.Element) & {
+    displayName?: string | undefined;
+    propTypes?: React.WeakValidationMap<HeaderMenuItemProps<any>> | undefined;
+};
+export default HeaderMenuItem;

package/lib/components/UIShell/HeaderMenuItem.js

@@ -23,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const HeaderMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function HeaderMenuItem(_ref, ref) {
+function HeaderMenuItemRenderFunction(_ref, ref) {
   let {
     className,
     isActive,
@@ -55,7 +55,8 @@ const HeaderMenuItem = /*#__PURE__*/React__default["default"].forwardRef(functio
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--text-truncate--end`
   }, children)));
-});
+}
+const HeaderMenuItem = /*#__PURE__*/React.forwardRef(HeaderMenuItemRenderFunction);
 HeaderMenuItem.displayName = 'HeaderMenuItem';
 HeaderMenuItem.propTypes = {
   /**

package/lib/components/UIShell/HeaderPanel.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,33 +23,26 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel(_ref, ref) {
   let {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
     children,
     className: customClassName,
     expanded,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const accessibilityLabel = {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy
-  };
   const className = cx__default["default"](`${prefix}--header-panel`, {
     [`${prefix}--header-panel--expanded`]: expanded,
     [customClassName]: !!customClassName
   });
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
-    className: className
-  }, accessibilityLabel, {
+    className: className,
     ref: ref
   }), children);
 });
 HeaderPanel.propTypes = {
   /**
-   * Required props for accessibility label on the underlying menu
+   * The content that will render inside of the `HeaderPanel`
    */
-  ...AriaPropTypes.AriaLabelPropType,
+  children: PropTypes__default["default"].node,
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node
    */

package/lib/components/UIShell/Link.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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.
+ */
+import PropTypes from 'prop-types';
+import React, { type ElementType, type Ref } from 'react';
+import { type PolymorphicProps } from '../../types/common';
+type LinkBaseProps<E extends ElementType> = {
+    /**
+     * @deprecated Use `as` instead
+     */
+    element?: E | undefined;
+    ref?: Ref<E>;
+};
+export type LinkProps<E extends ElementType> = PolymorphicProps<E, LinkBaseProps<E>>;
+/**
+ * Link is a custom component that allows us to supporting rendering elements
+ * other than `a` in our markup. The goal is to allow users to support passing
+ * in their own components to support use-cases like `react-router` or
+ * `@reach/router`
+ */
+declare const Link: (<E extends React.ElementType<any> = "a">(props: LinkProps<E>) => JSX.Element) & {
+    displayName?: string | undefined;
+    propTypes?: React.WeakValidationMap<LinkProps<any>> | undefined;
+};
+declare const LinkPropTypes: {
+    /**
+     * Provide a custom element or component to render the top-level node for the
+     * component.
+     */
+    as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    /**
+     * The base element to use to build the link. Defaults to `a`, can also accept
+     * alternative tag names or custom components like `Link` from `react-router`.
+     * @deprecated Use `as` instead
+     *
+     */
+    element: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    /**
+     * Property to indicate if the side nav container is open (or not). Use to
+     * keep local state and styling in step with the SideNav expansion state.
+     */
+    isSideNavExpanded: PropTypes.Requireable<boolean>;
+};
+export { LinkPropTypes };
+export default Link;

package/lib/components/UIShell/Link.js

@@ -9,38 +9,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
+var deprecate = require('../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+// Note: Maybe we should use `as` instead of `element`? `as` appears to be
+// standard and is used in other places in this project.
+function LinkRenderFunction(_ref, ref) {
+  let {
+    element,
+    as: BaseComponent,
+    // Captured here to prevent it from being passed into the created element.
+    // See https://github.com/carbon-design-system/carbon/issues/3970
+    isSideNavExpanded: _isSideNavExpanded,
+    ...rest
+  } = _ref;
+  const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
+  return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
+    ref: ref
+  }, rest));
+}
+
 /**
  * Link is a custom component that allows us to supporting rendering elements
  * other than `a` in our markup. The goal is to allow users to support passing
  * in their own components to support use-cases like `react-router` or
  * `@reach/router`
  */
-const Link = /*#__PURE__*/React__default["default"].forwardRef(function Link(props, ref) {
-  const {
-    element,
-    isSideNavExpanded,
-    // eslint-disable-line no-unused-vars
-    ...rest
-  } = props;
-  return /*#__PURE__*/React__default["default"].createElement(element, {
-    ...rest,
-    ref
-  });
-});
+const Link = /*#__PURE__*/React.forwardRef(LinkRenderFunction);
 const LinkPropTypes = {
+  /**
+   * Provide a custom element or component to render the top-level node for the
+   * component.
+   */
+  as: PropTypes__default["default"].elementType,
   /**
    * The base element to use to build the link. Defaults to `a`, can also accept
    * alternative tag names or custom components like `Link` from `react-router`.
+   * @deprecated Use `as` instead
+   *
    */
-  element: PropTypes__default["default"].elementType,
+  element: deprecate["default"](PropTypes__default["default"].elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
   /**
    * Property to indicate if the side nav container is open (or not). Use to
    * keep local state and styling in step with the SideNav expansion state.
@@ -49,10 +64,6 @@ const LinkPropTypes = {
 };
 Link.displayName = 'Link';
 Link.propTypes = LinkPropTypes;
-Link.defaultProps = {
-  element: 'a'
-};
-var Link$1 = Link;
 
 exports.LinkPropTypes = LinkPropTypes;
-exports["default"] = Link$1;
+exports["default"] = Link;