@carbon/react 1.30.0 → 1.31.0

package/es/components/Layout/index.js

@@ -0,0 +1,118 @@
+/**
+ * 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 { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
+const densities = ['condensed', 'normal'];
+const Layout = /*#__PURE__*/React__default.forwardRef(function Layout(_ref, forwardRef) {
+  let {
+    as: BaseComponent = 'div',
+    children,
+    className,
+    density,
+    size,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const classes = cx(className, `${prefix}--layout`, {
+    [`${prefix}--layout--size-${size}`]: sizes.includes(size),
+    [`${prefix}--layout--density-${density}`]: densities.includes(density)
+  });
+  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+    ref: forwardRef,
+    className: classes
+  }), children);
+});
+Layout.propTypes = {
+  /**
+   * Specify a custom component or element to be rendered as the top-level
+   * element in the component
+   */
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
+  /**
+   * Provide child elements to be rendered inside of `Layout`
+   */
+  children: PropTypes.node,
+  /**
+   * Provide a custom class name to be used on the outermost element rendered by
+   * the component
+   */
+  className: PropTypes.string,
+  /**
+   * Specify the desired density of components within this layout
+   */
+  density: PropTypes.oneOf(densities),
+  /**
+   * Specify the desired size of components within this layout
+   */
+  size: PropTypes.oneOf(sizes)
+};
+const LayoutConstraint = /*#__PURE__*/React__default.forwardRef(function Layout(_ref2, forwardRef) {
+  let {
+    as: BaseComponent = 'div',
+    children,
+    className,
+    density,
+    size,
+    ...rest
+  } = _ref2;
+  const prefix = usePrefix();
+  const classes = cx(className, Object.entries({
+    size,
+    density
+  }).map(_ref3 => {
+    let [group, constraints] = _ref3;
+    return {
+      [`${prefix}--layout-constraint--${group}:default-${constraints?.default}`]: constraints?.default,
+      [`${prefix}--layout-constraint--${group}:min-${constraints?.min}`]: constraints?.min,
+      [`${prefix}--layout-constraint--${group}:max-${constraints?.max}`]: constraints?.max
+    };
+  }));
+  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+    ref: forwardRef,
+    className: classes
+  }), children);
+});
+LayoutConstraint.propTypes = {
+  /**
+   * Specify a custom component or element to be rendered as the top-level
+   * element in the component
+   */
+  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
+  /**
+   * Provide child elements to be rendered inside of `LayoutConstraint`
+   */
+  children: PropTypes.node,
+  /**
+   * Provide a custom class name to be used on the outermost element rendered by
+   * the component
+   */
+  className: PropTypes.string,
+  /**
+   * Specify the desired layout density constraints of this element's children
+   */
+  density: PropTypes.shape({
+    min: PropTypes.oneOf(densities),
+    default: PropTypes.oneOf(densities),
+    max: PropTypes.oneOf(densities)
+  }),
+  /**
+   * Specify the desired layout size constraints of this element's children
+   */
+  size: PropTypes.shape({
+    min: PropTypes.oneOf(sizes),
+    default: PropTypes.oneOf(sizes),
+    max: PropTypes.oneOf(sizes)
+  })
+};
+
+export { Layout, LayoutConstraint };

package/es/components/Link/Link.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 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, { AriaAttributes, ComponentType, HTMLAttributeAnchorTarget } from 'react';
+interface LinkProps {
+    /**
+     * @description Indicates the element that represents the
+     *   current item within a container or set of related
+     *   elements.
+     */
+    'aria-current'?: AriaAttributes['aria-current'];
+    /**
+     * @description Provide a custom className to be applied to
+     *   the containing `<a>` node.
+     */
+    className?: string;
+    /**
+     * @description Specify if the control should be disabled, or not.
+     */
+    disabled?: boolean;
+    /**
+     * @description Provide the `href` attribute for the `<a>` node.
+     */
+    href?: string;
+    /**
+     * @description Specify whether you want the inline version of this control.
+     */
+    inline?: boolean;
+    /**
+     * @description Optional prop to render an icon next to the link.
+     *   Can be a React component class
+     */
+    renderIcon?: ComponentType;
+    /**
+     * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * @description Specify the target attribute for the `<a>` node.
+     */
+    target?: HTMLAttributeAnchorTarget;
+    /**
+     * Specify whether you want the link to receive visited styles after the link has been clicked
+     */
+    visited?: boolean;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/es/components/Link/Link.js

@@ -21,6 +21,7 @@ const Link = /*#__PURE__*/React__default.forwardRef(function Link(_ref, ref) {
     visited = false,
     renderIcon: Icon,
     size,
+    target,
     ...rest
   } = _ref;
   const prefix = usePrefix();
@@ -30,7 +31,7 @@ const Link = /*#__PURE__*/React__default.forwardRef(function Link(_ref, ref) {
     [`${prefix}--link--visited`]: visited,
     [`${prefix}--link--${size}`]: size
   });
-  const rel = rest.target === '_blank' ? 'noopener' : null;
+  const rel = target === '_blank' ? 'noopener' : undefined;
   const linkProps = {
     className,
     rel
@@ -76,6 +77,7 @@ Link.propTypes = {
    * Optional prop to render an icon next to the link.
    * Can be a React component class
    */
+  // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
@@ -86,6 +88,5 @@ Link.propTypes = {
    */
   visited: PropTypes.bool
 };
-var Link$1 = Link;
 
-export { Link$1 as default };
+export { Link as default };

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

@@ -0,0 +1,9 @@
+/**
+ * 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 Link from './Link';
+export default Link;
+export { Link };

package/es/components/ListBox/ListBoxPropTypes.d.ts

@@ -10,5 +10,5 @@ declare const listBoxSizes: readonly ["sm", "md", "lg"];
 export type ListBoxType = (typeof listBoxTypes)[number];
 export type ListBoxSize = (typeof listBoxSizes)[number];
 export declare const ListBoxType: PropTypes.Requireable<"default" | "inline">;
-export declare const ListBoxSize: PropTypes.Requireable<"md" | "sm" | "lg">;
+export declare const ListBoxSize: PropTypes.Requireable<"sm" | "md" | "lg">;
 export {};

package/es/components/Menu/MenuItem.js

@@ -280,12 +280,13 @@ MenuItemGroup.propTypes = {
    */
   label: PropTypes.string.isRequired
 };
+const defaultItemToString = item => item.toString();
 const MenuItemRadioGroup = /*#__PURE__*/React__default.forwardRef(function MenuItemRadioGroup(_ref4, forwardRef) {
   let {
     className,
     defaultSelectedItem,
     items,
-    itemToString = item => item.toString(),
+    itemToString = defaultItemToString,
     label,
     onChange,
     selectedItem,

package/es/components/MenuButton/index.js

@@ -58,10 +58,13 @@ const MenuButton = /*#__PURE__*/React__default.forwardRef(function MenuButton(_r
   }
   const triggerClasses = cx(`${prefix}--menu-button__trigger`, {
     [`${prefix}--menu-button__trigger--open`]: open
-  }, className);
+  });
   const buttonKind = validButtonKinds.includes(kind) ? kind : defaultButtonKind;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     ref: ref,
+    "aria-owns": open ? id : null,
+    className: className
+  }), /*#__PURE__*/React__default.createElement(Button, {
     className: triggerClasses,
     size: size,
     kind: buttonKind,
@@ -71,8 +74,8 @@ const MenuButton = /*#__PURE__*/React__default.forwardRef(function MenuButton(_r
     "aria-expanded": open,
     onClick: handleClick,
     onMouseDown: handleMousedown,
-    "aria-owns": open ? id : null
-  }), label), /*#__PURE__*/React__default.createElement(Menu, {
+    "aria-controls": open ? id : null
+  }, label), /*#__PURE__*/React__default.createElement(Menu, {
     ref: menuRef,
     id: id,
     label: label,

package/es/components/OverflowMenu/index.js

@@ -5,9 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import React__default from 'react';
+import { useFeatureFlag } from '../FeatureFlags/index.js';
+import { OverflowMenu as OverflowMenu$2 } from './next/index.js';
 import { OverflowMenu as OverflowMenu$1 } from './OverflowMenu.js';
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
 
-const OverflowMenu = createClassWrapper(OverflowMenu$1);
+const OverflowMenuV11 = createClassWrapper(OverflowMenu$1);
+function OverflowMenu(props) {
+  const enableV12OverflowMenu = useFeatureFlag('enable-v12-overflowmenu');
+  return enableV12OverflowMenu ? /*#__PURE__*/React__default.createElement(OverflowMenu$2, props) : /*#__PURE__*/React__default.createElement(OverflowMenuV11, props);
+}
+OverflowMenu.displayName = 'OverflowMenu';
 
 export { OverflowMenu, OverflowMenu as default };

package/es/components/OverflowMenu/next/index.js

@@ -0,0 +1,98 @@
+/**
+ * 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 { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef } from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { OverflowMenuVertical } from '@carbon/icons-react';
+import { IconButton } from '../../IconButton/index.js';
+import { Menu } from '../../Menu/Menu.js';
+import { useId } from '../../../internal/useId.js';
+import { usePrefix } from '../../../internal/usePrefix.js';
+import { useAttachedMenu } from '../../../internal/useAttachedMenu.js';
+
+const defaultSize = 'md';
+const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMenu(_ref, forwardRef) {
+  let {
+    children,
+    className,
+    label = 'Options',
+    renderIcon: IconElement = OverflowMenuVertical,
+    size = defaultSize,
+    tooltipAlignment,
+    ...rest
+  } = _ref;
+  const id = useId('overflowmenu');
+  const prefix = usePrefix();
+  const triggerRef = useRef(null);
+  const {
+    open,
+    x,
+    y,
+    handleClick,
+    handleMousedown,
+    handleClose
+  } = useAttachedMenu(triggerRef);
+  const containerClasses = cx(className, `${prefix}--overflow-menu__container`);
+  const triggerClasses = cx(`${prefix}--overflow-menu`, {
+    [`${prefix}--overflow-menu--open`]: open
+  }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+    className: containerClasses,
+    "aria-owns": open ? id : null,
+    ref: forwardRef
+  }), /*#__PURE__*/React__default.createElement(IconButton, {
+    "aria-controls": open ? id : null,
+    "aria-haspopup": true,
+    "aria-expanded": open,
+    className: triggerClasses,
+    onClick: handleClick,
+    onMouseDown: handleMousedown,
+    ref: triggerRef,
+    label: label,
+    align: tooltipAlignment
+  }, /*#__PURE__*/React__default.createElement(IconElement, {
+    className: `${prefix}--overflow-menu__icon`
+  })), /*#__PURE__*/React__default.createElement(Menu, {
+    id: id,
+    size: size,
+    open: open,
+    onClose: handleClose,
+    x: x,
+    y: y,
+    label: label
+  }, children));
+});
+OverflowMenu.propTypes = {
+  /**
+   * A collection of MenuItems to be rendered within this OverflowMenu.
+   */
+  children: PropTypes.node,
+  /**
+   * Additional CSS class names for the trigger button.
+   */
+  className: PropTypes.string,
+  /**
+   * A label describing the options available. Is used in the trigger tooltip and as the menu's accessible label.
+   */
+  label: PropTypes.string,
+  /**
+   * Otionally provide a custom icon to be rendered on the trigger button.
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  /**
+   * Specify the size of the menu, from a list of available sizes.
+   */
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  /**
+   * Specify how the trigger tooltip should be aligned.
+   */
+  tooltipAlignment: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right'])
+};
+
+export { OverflowMenu };

package/es/components/OverflowMenuV2/index.js

@@ -5,80 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { OverflowMenuVertical } from '@carbon/icons-react';
-import { Menu } from '../Menu/Menu.js';
-import { useId } from '../../internal/useId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { useAttachedMenu } from '../../internal/useAttachedMenu.js';
+import React__default from 'react';
+import { warning } from '../../internal/warning.js';
+import { FeatureFlags } from '../FeatureFlags/index.js';
+import OverflowMenu from '../OverflowMenu/index.js';
 
-const defaultSize = 'md';
-function OverflowMenuV2(_ref) {
-  let {
-    children,
-    className,
-    renderIcon: IconElement = OverflowMenuVertical,
-    size = defaultSize,
-    ...rest
-  } = _ref;
-  const id = useId('overflowmenu');
-  const prefix = usePrefix();
-  const triggerRef = useRef(null);
-  const {
-    open,
-    x,
-    y,
-    handleClick,
-    handleMousedown,
-    handleClose
-  } = useAttachedMenu(triggerRef);
-  const containerClasses = cx(`${prefix}--overflow-menu__container`);
-  const triggerClasses = cx(`${prefix}--overflow-menu`, {
-    [`${prefix}--overflow-menu--open`]: open,
-    [className]: className
-  }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: containerClasses,
-    "aria-owns": id
-  }, /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
-    type: "button",
-    "aria-haspopup": true,
-    "aria-expanded": open,
-    className: triggerClasses,
-    onClick: handleClick,
-    onMouseDown: handleMousedown,
-    ref: triggerRef
-  }), /*#__PURE__*/React__default.createElement(IconElement, {
-    className: `${prefix}--overflow-menu__icon`
-  })), /*#__PURE__*/React__default.createElement(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(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.createElement(FeatureFlags, {
+    flags: {
+      'enable-v12-overflowmenu': true
+    }
+  }, /*#__PURE__*/React__default.createElement(OverflowMenu, props));
 }
-OverflowMenuV2.propTypes = {
-  /**
-   * A collection of MenuItems to be rendered within this OverflowMenu.
-   */
-  children: PropTypes.node,
-  /**
-   * Additional CSS class names for the trigger button.
-   */
-  className: PropTypes.string,
-  /**
-   * Otionally provide a custom icon to be rendered on the trigger button.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Specify the size of the menu, from a list of available sizes.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg'])
-};
 
 export { OverflowMenuV2 };

package/es/components/RadioButtonGroup/RadioButtonGroup.js

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

package/es/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/es/components/Search/Search.js

@@ -29,6 +29,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
     closeButtonLabelText = 'Clear search input',
     defaultValue,
     disabled,
+    isExpanded = true,
     id,
     labelText,
     // @ts-expect-error: deprecated prop
@@ -45,6 +46,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
     value,
     ...rest
   } = _ref;
+  const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix();
   const {
     isFluid
@@ -54,7 +56,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
   const inputId = useId('search-input');
   const uniqueId = id || inputId;
   const searchId = `${uniqueId}-search`;
-  const [hasContent, setHasContent] = useState(value || defaultValue || false);
+  const [hasContent, setHasContent] = useState(hasPropValue || false);
   const [prevValue, setPrevValue] = useState(value);
   const searchClasses = cx({
     [`${prefix}--search`]: true,
@@ -67,7 +69,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
   }, className);
   const clearClasses = cx({
     [`${prefix}--search-close`]: true,
-    [`${prefix}--search-close--hidden`]: !hasContent
+    [`${prefix}--search-close--hidden`]: !hasContent || !isExpanded
   });
   if (value !== prevValue) {
     setHasContent(!!value);
@@ -162,6 +164,10 @@ Search.propTypes = {
    * Specify a custom `id` for the input
    */
   id: PropTypes.string,
+  /**
+   * Specify whether or not ExpandableSearch should render expanded or not
+   */
+  isExpanded: PropTypes.bool,
   /**
    * Provide the label text for the Search icon
    */

package/es/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/es/components/Tabs/Tabs.js

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

package/es/components/Tag/Tag.js

@@ -49,6 +49,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/es/components/TextArea/TextArea.Skeleton.js

@@ -36,6 +36,5 @@ TextAreaSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var TextAreaSkeleton$1 = TextAreaSkeleton;
 
-export { TextAreaSkeleton, TextAreaSkeleton$1 as default };
+export { TextAreaSkeleton, TextAreaSkeleton as default };

package/es/components/TextArea/TextArea.js

@@ -269,6 +269,5 @@ TextArea.defaultProps = {
   warn: false,
   warnText: ''
 };
-var TextArea$1 = TextArea;
 
-export { TextArea$1 as default };
+export { TextArea as default };

package/es/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/es/components/TextInput/PasswordInput.js

@@ -275,6 +275,5 @@ PasswordInput.propTypes = {
    */
   warnText: PropTypes.node
 };
-var PasswordInput$1 = PasswordInput;
 
-export { PasswordInput$1 as default };
+export { PasswordInput as default };

package/es/components/TextInput/TextInput.Skeleton.js

@@ -36,6 +36,5 @@ TextInputSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var TextInputSkeleton$1 = TextInputSkeleton;
 
-export { TextInputSkeleton, TextInputSkeleton$1 as default };
+export { TextInputSkeleton, TextInputSkeleton as default };