@carbon/react 1.87.0-rc.0 → 1.87.0

package/es/components/Menu/MenuItem.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { forwardRef, useState, useContext, useRef, useEffect } from 'react';
-import { useFloating, autoUpdate, offset, useInteractions, useHover, safePolygon, FloatingFocusManager } from '@floating-ui/react';
+import { useFloating, offset, autoUpdate, useInteractions, useHover, safePolygon, FloatingFocusManager } from '@floating-ui/react';
 import { Checkmark, CaretLeft, CaretRight } from '@carbon/icons-react';
 import { ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';

package/es/components/Modal/Modal.js

@@ -17,7 +17,7 @@ import ButtonSet from '../ButtonSet/ButtonSet.js';
 import InlineLoading from '../InlineLoading/InlineLoading.js';
 import { Layer } from '../Layer/index.js';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
-import { wrapFocusWithoutSentinels, elementOrParentIsFloatingMenu, wrapFocus } from '../../internal/wrapFocus.js';
+import { wrapFocus, wrapFocusWithoutSentinels, elementOrParentIsFloatingMenu } from '../../internal/wrapFocus.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -34,7 +34,7 @@ import { unstable__Dialog } from '../Dialog/index.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 import { warning } from '../../internal/warning.js';
-import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js';
+import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.js';
 import { Text } from '../Text/Text.js';
 
 const ModalSizes = ['xs', 'sm', 'md', 'lg'];
@@ -107,9 +107,6 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal({
     } = evt;
     evt.stopPropagation();
     if (open && target instanceof HTMLElement) {
-      if (match(evt, Escape)) {
-        onRequestClose(evt);
-      }
       if (match(evt, Enter) && shouldSubmitOnEnter && !isCloseButton(target) && document.activeElement !== button.current) {
         onRequestSubmit(evt);
       }
@@ -211,6 +208,20 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal({
     alertDialogProps.role = 'alertdialog';
     alertDialogProps['aria-describedby'] = modalBodyId;
   }
+  useEffect(() => {
+    if (!open) return;
+    const handleEscapeKey = event => {
+      if (match(event, Escape)) {
+        event.preventDefault();
+        event.stopPropagation();
+        onRequestClose(event);
+      }
+    };
+    document.addEventListener('keydown', handleEscapeKey, true);
+    return () => {
+      document.removeEventListener('keydown', handleEscapeKey, true);
+    };
+  }, [open]);
   useEffect(() => {
     return () => {
       if (!enableDialogElement) {

package/es/components/Modal/index.js

@@ -6,4 +6,7 @@
  */
 
 import Modal from './Modal.js';
-export { default as Modal, default } from './Modal.js';
+
+
+
+export { Modal, Modal as default };

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -23,15 +23,15 @@ import { defaultItemToString } from './tools/itemToString.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { useId } from '../../internal/useId.js';
-import { defaultCompareItems, defaultSortItems } from './tools/sorting.js';
+import { defaultSortItems, defaultCompareItems } from './tools/sorting.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useSelection } from '../../internal/Selection.js';
-import { useFloating, flip, size, hide, autoUpdate } from '@floating-ui/react';
+import { useFloating, autoUpdate, flip, size, hide } from '@floating-ui/react';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
-import { ListBoxSizePropType, ListBoxTypePropType } from '../ListBox/ListBoxPropTypes.js';
+import { ListBoxTypePropType, ListBoxSizePropType } from '../ListBox/ListBoxPropTypes.js';
 
 const {
   InputBlur,

package/es/components/MultiSelect/MultiSelect.js

@@ -27,11 +27,11 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import '../Checkbox/Checkbox.Skeleton.js';
 import { noopFn } from '../../internal/noopFn.js';
-import { useFloating, flip, size, hide, autoUpdate } from '@floating-ui/react';
+import { useFloating, autoUpdate, flip, size, hide } from '@floating-ui/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
-import { ListBoxSizePropType, ListBoxTypePropType } from '../ListBox/ListBoxPropTypes.js';
+import { ListBoxTypePropType, ListBoxSizePropType } from '../ListBox/ListBoxPropTypes.js';
 
 const {
   ItemClick,

package/es/components/MultiSelect/filter.js

@@ -5,10 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-// TODO [@carbon-design-system/monorepo-reviewers]: This file was in the
-// `ComboBox` directory before but it wasn't used there. Now it's used in
-// `FilterableMultiSelect`. Is that expected?
-
 const defaultFilterItems = (items, {
   itemToString,
   inputValue

package/es/components/MultiSelect/tools/itemToString.d.ts

@@ -0,0 +1 @@
+export function defaultItemToString(item: any): any;

package/es/components/MultiSelect/tools/sorting.d.ts

@@ -0,0 +1,9 @@
+export function defaultCompareItems(itemA: string, itemB: string, { locale }: {
+    locale: string;
+}): number;
+export function defaultSortItems(items: any, { selectedItems, itemToString, compareItems, locale }: {
+    selectedItems?: never[] | undefined;
+    itemToString: any;
+    compareItems: any;
+    locale?: string | undefined;
+}): any;

package/es/components/Notification/Notification.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React, { useState, useRef, useEffect } from 'react';
 import { deprecate } from '../../prop-types/deprecate.js';
 import cx from 'classnames';
-import { Close, ErrorFilled, CheckmarkFilled, WarningFilled, WarningAltFilled, InformationFilled, InformationSquareFilled } from '@carbon/icons-react';
+import { Close, InformationSquareFilled, InformationFilled, WarningAltFilled, WarningFilled, CheckmarkFilled, ErrorFilled } from '@carbon/icons-react';
 import '../Text/index.js';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
@@ -21,7 +21,7 @@ import { match, matches } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
-import { wrapFocus, wrapFocusWithoutSentinels } from '../../internal/wrapFocus.js';
+import { wrapFocusWithoutSentinels, wrapFocus } from '../../internal/wrapFocus.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { warning } from '../../internal/warning.js';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';

package/es/components/NumberInput/NumberInput.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { Subtract, Add } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useContext, useState, useMemo, useCallback, useRef, useEffect, cloneElement } from 'react';
+import React, { useContext, useState, useMemo, useCallback, useRef, cloneElement, useEffect } from 'react';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import { usePrefix } from '../../internal/usePrefix.js';

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

@@ -10,7 +10,7 @@ import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { OverflowMenuVertical } from '@carbon/icons-react';
-import { useFloating, flip, autoUpdate } from '@floating-ui/react';
+import { useFloating, autoUpdate, flip } from '@floating-ui/react';
 import { useFeatureFlag } from '../../FeatureFlags/index.js';
 import { IconButton } from '../../IconButton/index.js';
 import { Menu } from '../../Menu/Menu.js';

package/es/components/OverflowMenuItem/index.js

@@ -6,4 +6,7 @@
  */
 
 import OverflowMenuItem from './OverflowMenuItem.js';
-export { default as OverflowMenuItem, default } from './OverflowMenuItem.js';
+
+
+
+export { OverflowMenuItem, OverflowMenuItem as default };

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

@@ -0,0 +1 @@
+export function OverflowMenuV2(props: any): import("react/jsx-runtime").JSX.Element;

package/es/components/PageHeader/PageHeader.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
+import React, { useRef, useState, useLayoutEffect, useMemo, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/Pagination/experimental/PageSelector.d.ts

@@ -0,0 +1,19 @@
+export default PageSelector;
+declare function PageSelector({ className, currentPage, id, labelText, totalPages, ...other }: {
+    [x: string]: any;
+    className?: null | undefined;
+    currentPage: any;
+    id?: number | undefined;
+    labelText?: string | undefined;
+    totalPages: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PageSelector {
+    namespace propTypes {
+        let className: PropTypes.Requireable<string>;
+        let currentPage: PropTypes.Validator<number>;
+        let id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let labelText: PropTypes.Requireable<string>;
+        let totalPages: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Pagination/experimental/Pagination.d.ts

@@ -0,0 +1,43 @@
+export default Pagination;
+declare function Pagination({ backwardText, children, className, disabled, forwardText, id, initialPage, itemsPerPageText, itemRangeText, itemText, onChange, pageRangeText, pageSize, pageSizes, pageText, pagesUnknown, totalItems, ...other }: {
+    [x: string]: any;
+    backwardText?: string | undefined;
+    children?: undefined;
+    className?: null | undefined;
+    disabled?: boolean | undefined;
+    forwardText?: string | undefined;
+    id?: number | undefined;
+    initialPage?: number | undefined;
+    itemsPerPageText?: string | undefined;
+    itemRangeText?: ((min: any, max: any, total: any) => string) | undefined;
+    itemText?: ((min: any, max: any) => string) | undefined;
+    onChange: any;
+    pageRangeText?: ((current: any, total: any) => string) | undefined;
+    pageSize?: number | undefined;
+    pageSizes?: undefined;
+    pageText?: ((page: any) => string) | undefined;
+    pagesUnknown?: boolean | undefined;
+    totalItems?: undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Pagination {
+    namespace propTypes {
+        let backwardText: PropTypes.Requireable<string>;
+        let children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        let className: PropTypes.Requireable<string>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let forwardText: PropTypes.Requireable<string>;
+        let id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let initialPage: PropTypes.Requireable<number>;
+        let itemRangeText: PropTypes.Requireable<(...args: any[]) => any>;
+        let itemText: PropTypes.Requireable<(...args: any[]) => any>;
+        let itemsPerPageText: PropTypes.Requireable<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let pageRangeText: PropTypes.Requireable<(...args: any[]) => any>;
+        let pageSize: PropTypes.Requireable<number>;
+        let pageSizes: PropTypes.Requireable<(number | null | undefined)[]>;
+        let pageText: PropTypes.Requireable<(...args: any[]) => any>;
+        let pagesUnknown: PropTypes.Requireable<boolean>;
+        let totalItems: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Pagination/experimental/index.d.ts

@@ -0,0 +1,3 @@
+import PageSelector from './PageSelector';
+import Pagination from './Pagination';
+export { PageSelector, Pagination };

package/es/components/Popover/index.js

@@ -9,13 +9,13 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
-import React, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useEffect, useMemo } from 'react';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useEvent, useWindowEvent } from '../../internal/useEvent.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
-import { useFloating, offset, flip, arrow, hide, autoUpdate } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, arrow, hide } from '@floating-ui/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { ToggletipButton } from '../Toggletip/index.js';
 
@@ -351,12 +351,29 @@ function PopoverContentRenderFunction(
     caretRef,
     autoAlign
   } = React.useContext(PopoverContext);
-  const ref = useMergedRefs([setFloating, forwardRef]);
+  const textRef = useRef(null);
+  const [isMultiLine, setIsMultiLine] = React.useState(false);
+  const ref = useMergedRefs([setFloating, textRef, forwardRef]);
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
+  useEffect(() => {
+    checkIfMultiLine();
+  }, [children]);
+  const checkIfMultiLine = () => {
+    const el = textRef.current;
+    if (el) {
+      const style = getComputedStyle(el);
+      const lineHeight = parseFloat(style.lineHeight);
+      const height = el.offsetHeight;
+      const lines = Math.floor(height / lineHeight);
+      setIsMultiLine(lines > 1);
+    }
+  };
   return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: `${prefix}--popover`
   }), /*#__PURE__*/React.createElement("span", {
-    className: cx(`${prefix}--popover-content`, className),
+    className: cx(`${prefix}--popover-content`, className, {
+      [`${prefix}--tooltip-content--multiline`]: isMultiLine
+    }),
     ref: ref
   }, children, enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({

package/es/components/RadioButton/index.js

@@ -6,4 +6,7 @@
  */
 
 import RadioButton from './RadioButton.js';
-export { default as RadioButton, default } from './RadioButton.js';
+
+
+
+export { RadioButton, RadioButton as default };

package/es/components/RadioTile/index.js

@@ -6,4 +6,7 @@
  */
 
 import RadioTile from './RadioTile.js';
-export { default as RadioTile, default } from './RadioTile.js';
+
+
+
+export { RadioTile, RadioTile as default };

package/es/components/Search/Search.js

@@ -10,7 +10,7 @@ import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useContext, useRef, useState } from 'react';
-import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
+import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/Search/index.js

@@ -6,5 +6,8 @@
  */
 
 import Search from './Search.js';
-export { default as Search, default } from './Search.js';
 export { default as SearchSkeleton } from './Search.Skeleton.js';
+
+
+
+export { Search, Search as default };

package/es/components/Select/index.js

@@ -6,5 +6,8 @@
  */
 
 import Select from './Select.js';
-export { default as Select, default } from './Select.js';
 export { default as SelectSkeleton } from './Select.Skeleton.js';
+
+
+
+export { Select, Select as default };

package/es/components/SelectItem/index.js

@@ -6,4 +6,7 @@
  */
 
 import SelectItem from './SelectItem.js';
-export { default as SelectItem, default } from './SelectItem.js';
+
+
+
+export { SelectItem, SelectItem as default };

package/es/components/ShapeIndicator/index.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { Critical, CriticalSeverity, Caution, DiamondFill, LowSeverity, CircleFill, CircleStroke } from '@carbon/icons-react';
+import { CircleStroke, LowSeverity, CircleFill, DiamondFill, Caution, CriticalSeverity, Critical } from '@carbon/icons-react';
 
 var _path;
 const ShapeIndicatorKinds = ['failed', 'critical', 'high', 'medium', 'low', 'cautious', 'undefined', 'stable', 'informative', 'incomplete', 'draft'];

package/es/components/SkeletonText/index.js

@@ -6,4 +6,7 @@
  */
 
 import SkeletonText from './SkeletonText.js';
-export { default as SkeletonText, default } from './SkeletonText.js';
+
+
+
+export { SkeletonText, SkeletonText as default };

package/es/components/Slider/Slider.js

@@ -20,7 +20,7 @@ import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus } from './SliderHandles.js';
 import { clamp } from '../../internal/clamp.js';
-import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js';
+import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.js';
 import { Text } from '../Text/Text.js';
 
 const ThumbWrapper = ({

package/es/components/Switch/IconSwitch.d.ts

@@ -0,0 +1,3 @@
+export default IconSwitch;
+declare const IconSwitch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/Switch/IconSwitch.js

@@ -145,6 +145,5 @@ IconSwitch.propTypes = {
    */
   text: PropTypes.string
 };
-var IconSwitch$1 = IconSwitch;
 
-export { IconSwitch$1 as default };
+export { IconSwitch as default };

package/es/components/TabContent/TabContent.js

@@ -7,26 +7,10 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useRef, useState } from 'react';
+import React from 'react';
 import cx from 'classnames';
-import { selectorTabbable } from '../../internal/keyboard/navigation.js';
-import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-/**
- * Determine if the node within the provided ref contains content that is tabbable.
- */
-function useTabbableContent(ref) {
-  const [hasTabbableContent, setHasTabbableContent] = useState(false);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useIsomorphicEffect(() => {
-    if (ref.current) {
-      setHasTabbableContent(!!ref.current.querySelector(selectorTabbable));
-    }
-  });
-  return hasTabbableContent;
-}
 function TabContent(props) {
   const {
     className,
@@ -36,16 +20,12 @@ function TabContent(props) {
   } = props;
   const prefix = usePrefix();
   const tabContentClasses = cx(`${prefix}--tab-content`, className);
-  const ref = useRef(null);
-  const hasTabbableContent = useTabbableContent(ref);
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "tabpanel"
   }, other, {
     className: tabContentClasses,
     selected: selected,
-    hidden: !selected,
-    ref: ref,
-    tabIndex: hasTabbableContent ? undefined : 0
+    hidden: !selected
   }), children);
 }
 TabContent.propTypes = {

package/es/components/Tabs/Tabs.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ChevronLeft, ChevronRight, Close } from '@carbon/icons-react';
+import { Close, ChevronLeft, ChevronRight } from '@carbon/icons-react';
 import { breakpoints } from '@carbon/layout';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useState, useRef, useCallback, useEffect, forwardRef, createContext, useMemo, isValidElement } from 'react';
+import React, { forwardRef, createContext, useRef, useState, useMemo, isValidElement, useEffect, useCallback } from 'react';
 import '../Grid/FlexGrid.js';
 import { Grid as GridAsGridComponent } from '../Grid/Grid.js';
 import '../Grid/Row.js';
@@ -26,15 +26,15 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp, Delete } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
+import { Delete, ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
+import { match, matches } from '../../internal/keyboard/match.js';
 import { usePressable } from './usePressable.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { useEvent } from '../../internal/useEvent.js';
 import { useMatchMedia } from '../../internal/useMatchMedia.js';
 import '../Text/index.js';
 import { BadgeIndicator } from '../BadgeIndicator/index.js';
-import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js';
+import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.js';
 import { Text } from '../Text/Text.js';
 
 var _ChevronLeft, _ChevronRight, _BadgeIndicator;

package/es/components/Tag/DismissibleTag.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { deprecate } from '../../prop-types/deprecate.js';
-import Tag, { SIZES, TYPES } from './Tag.js';
+import Tag, { TYPES, SIZES } from './Tag.js';
 import { Close } from '@carbon/icons-react';
 import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';

package/es/components/TextArea/TextArea.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useContext, useRef, useState, useEffect, forwardRef, cloneElement } from 'react';
+import React, { forwardRef, useContext, useRef, useState, useEffect, cloneElement } from 'react';
 import cx from 'classnames';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';

package/es/components/TextArea/index.js

@@ -6,5 +6,8 @@
  */
 
 import TextArea from './TextArea.js';
-export { default as TextArea, default } from './TextArea.js';
 export { default as TextAreaSkeleton } from './TextArea.Skeleton.js';
+
+
+
+export { TextArea, TextArea as default };

package/es/components/TextInput/index.js

@@ -6,5 +6,8 @@
  */
 
 import TextInput from './TextInput.js';
-export { default as TextInput, default } from './TextInput.js';
 export { default as TextInputSkeleton } from './TextInput.Skeleton.js';
+
+
+
+export { TextInput, TextInput as default };

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

@@ -0,0 +1,9 @@
+export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
+    sharedTextInputProps: object;
+    invalid?: boolean;
+    invalidId?: string;
+    warn?: boolean;
+    warnId?: string;
+    hasHelper?: boolean;
+    helperId?: string;
+}): object;

package/es/components/Toggletip/index.js

@@ -8,8 +8,8 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useRef, useState, useContext } from 'react';
-import { Popover, PopoverContent } from '../Popover/index.js';
+import React, { useContext, useRef, useState } from 'react';
+import { PopoverContent, Popover } from '../Popover/index.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';

package/es/components/UIShell/HeaderMenu.js

@@ -8,9 +8,9 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
-import React, { useContext, useState, useRef, Children, forwardRef, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useContext, useState, useRef, Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { PrefixContext } from '../../internal/usePrefix.js';

package/es/components/UIShell/SideNav.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { createContext, useRef, isValidElement } from 'react';
+import React, { useRef, isValidElement, createContext } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';

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

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+export const CARBON_SIDENAV_ITEMS: string[];

package/es/feature-flags.d.ts

@@ -0,0 +1 @@
+export {};

package/es/internal/FloatingMenu.js

@@ -15,7 +15,7 @@ import { selectorTabbable, selectorFocusable } from './keyboard/navigation.js';
 import { OptimizedResize } from './OptimizedResize.js';
 import { PrefixContext } from './usePrefix.js';
 import { warning } from './warning.js';
-import { wrapFocus, wrapFocusWithoutSentinels } from './wrapFocus.js';
+import { wrapFocusWithoutSentinels, wrapFocus } from './wrapFocus.js';
 
 const DIRECTION_LEFT = 'left';
 const DIRECTION_TOP = 'top';

package/es/internal/deprecateFieldOnObject.js

@@ -13,7 +13,7 @@ const deprecateFieldOnObject = (object, field, Component, message) => {
     enumerable: true,
     get: () => {
       if (!didWarnAboutDeprecation[field]) {
-        process.env.NODE_ENV !== "production" ? warning(false, message || `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
+        process.env.NODE_ENV !== "production" ? warning(false, `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
         didWarnAboutDeprecation[field] = true;
       }
       return Component;