@carbon/ibm-products 2.47.0 → 2.48.0

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

@@ -1 +1,8 @@
-export { SearchBar } from "./SearchBar";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

package/es/components/SidePanel/SidePanel.d.ts

@@ -143,7 +143,7 @@ type SidePanelSlideInProps = {
      */
     selectorPageContent: string;
 };
-type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
+export type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
 /**
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
  */

package/es/components/SidePanel/SidePanel.js

@@ -5,22 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { motion, AnimatePresence } from 'framer-motion';
+import { ArrowLeft, Close } from '@carbon/react/icons';
+import { Button, IconButton } from '@carbon/react';
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import { actionSetVariants, overlayVariants, panelVariants } from './motion/variants.js';
+import { ActionSet } from '../ActionSet/ActionSet.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import { SIDE_PANEL_SIZES } from './constants.js';
+import { allPropTypes } from '../../global/js/utils/props-helper.js';
 import cx from 'classnames';
-import { moderate02 } from '@carbon/motion';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { allPropTypes } from '../../global/js/utils/props-helper.js';
-import { pkg } from '../../settings.js';
-import { SIDE_PANEL_SIZES } from './constants.js';
-import { Button, IconButton } from '@carbon/react';
-import { ArrowLeft, Close } from '@carbon/react/icons';
-import { actionSetVariants, overlayVariants, panelVariants } from './motion/variants.js';
+import { moderate02 } from '@carbon/motion';
 import pconsole from '../../global/js/utils/pconsole.js';
+import { pkg } from '../../settings.js';
 import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMotion.js';
-import { ActionSet } from '../ActionSet/ActionSet.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useFocus } from '../../global/js/hooks/useFocus.js';
 
@@ -118,6 +118,11 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     labelTextHeight = _useState8[0],
     setLabelTextHeight = _useState8[1];
+  var handleEscapeKey = function handleEscapeKey(event) {
+    if (event.key === 'Escape' && open) {
+      onRequestClose === null || onRequestClose === void 0 || onRequestClose();
+    }
+  };
   useEffect(function () {
     if (open && !(titleRef !== null && titleRef !== void 0 && titleRef.current)) {
       setDoAnimateTitle(false);
@@ -378,6 +383,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       className: "".concat(blockClass, "__close-button"),
       label: closeIconDescription,
       onClick: onRequestClose,
+      onKeyDown: slideIn ? undefined : handleEscapeKey,
       title: closeIconDescription,
       "aria-label": closeIconDescription,
       ref: closeRef,
@@ -430,6 +436,12 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       className: cx("".concat(blockClass, "__inner-content"), "".concat(blockClass, "--scrolls"), "".concat(!doAnimateTitle ? "".concat(blockClass, "__inner-content--no-animated-title") : ''))
     }, children);
   };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!slideIn) {
+      handleEscapeKey(event);
+      keyDownListener(event);
+    }
+  };
   return /*#__PURE__*/React__default.createElement(AnimatePresence, null, open && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(motion.div, _extends({}, getDevtoolsProps(componentName), rest, {
     id: id,
     className: mainPanelClassNames,
@@ -446,7 +458,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       placement: placement,
       shouldReduceMotion: shouldReduceMotion
     },
-    onKeyDown: slideIn ? undefined : keyDownListener
+    onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default.createElement(MotionActionSet, {
     actions: actions !== null && actions !== void 0 ? actions : [],
     className: primaryActionContainerClassNames,

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

@@ -1 +1,8 @@
-export { SidePanel } from "./SidePanel";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * 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 { SidePanel } from './SidePanel';
+export type { SidePanelProps } from './SidePanel';

package/es/components/SingleAddSelect/SingleAddSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Entry } from '../AddSelect/types';
-interface SingleAddSelectProps {
+export interface SingleAddSelectProps {
     /**
      * optional class name
      */
@@ -69,4 +69,3 @@ interface SingleAddSelectProps {
  * Used to add or select one or more items from larger lists or hierarchies.
  */
 export declare let SingleAddSelect: React.ForwardRefExoticComponent<SingleAddSelectProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/SingleAddSelect/SingleAddSelect.js

@@ -7,11 +7,11 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
+import { AddSelect } from '../AddSelect/AddSelect.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
-import { AddSelect } from '../AddSelect/AddSelect.js';
 
 var componentName = 'SingleAddSelect';
 /**

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

@@ -1 +1,2 @@
-export { SingleAddSelect } from "./SingleAddSelect";
+export { SingleAddSelect } from './SingleAddSelect';
+export type { SingleAddSelectProps } from './SingleAddSelect';

package/es/components/StatusIcon/StatusIcon.d.ts

@@ -17,7 +17,7 @@ users to quickly assess and identify status and respond accordingly.
 type Size = 'sm' | 'md' | 'lg' | 'xl';
 type Theme = 'light' | 'dark';
 type Kind = 'fatal' | 'critical' | 'major-warning' | 'minor-warning' | 'undefined' | 'unknown' | 'normal' | 'info' | 'in-progress' | 'running' | 'pending';
-interface StatusIconProps extends PropsWithChildren {
+export interface StatusIconProps extends PropsWithChildren {
     /**
      * Provide an optional class to be applied to the modal root node.
      */

package/es/components/StatusIcon/StatusIcon.js

@@ -6,10 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

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

@@ -1 +1,8 @@
-export { StatusIcon } from "./StatusIcon";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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 { StatusIcon } from './StatusIcon';
+export type { StatusIconProps } from './StatusIcon';

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-interface SteppedAnimatedMediaProps {
+export interface SteppedAnimatedMediaProps {
     /**
      * Optional class name for this component.
      */
@@ -23,4 +23,3 @@ interface SteppedAnimatedMediaProps {
  * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
 export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1 +1,8 @@
-export { SteppedAnimatedMedia } from "./SteppedAnimatedMedia";
+/**
+ * Copyright IBM Corp. 2023, 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 { SteppedAnimatedMedia } from './SteppedAnimatedMedia';
+export type { SteppedAnimatedMediaProps } from './SteppedAnimatedMedia';

package/es/components/TagOverflow/TagOverflow.d.ts

@@ -4,7 +4,7 @@
  * 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, { RefObject, ReactNode } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 export interface TagOverflowItem {
     className?: string;
     filter?: string;
@@ -14,7 +14,7 @@ export interface TagOverflowItem {
     tagType?: 'red' | 'magenta' | 'purple' | 'blue' | 'cyan' | 'teal' | 'green' | 'gray' | 'cool-gray' | 'warm-gray' | 'high-contrast' | 'outline';
     type?: string;
 }
-export interface Props {
+export interface TagOverflowProps {
     align?: 'start' | 'center' | 'end';
     allTagsModalSearchLabel?: string;
     allTagsModalSearchPlaceholderText?: string;
@@ -33,7 +33,7 @@ export interface Props {
     showAllTagsLabel?: string;
     tagComponent?: string;
 }
-export declare let TagOverflow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare let TagOverflow: React.ForwardRefExoticComponent<TagOverflowProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems

package/es/components/TagOverflow/TagOverflow.js

@@ -7,16 +7,16 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useRef, useState, useCallback, useEffect, createElement } from 'react';
+import { Tooltip, Tag } from '@carbon/react';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import { TYPES } from './constants.js';
+import { TagOverflowModal } from './TagOverflowModal.js';
+import { TagOverflowPopover } from './TagOverflowPopover.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
-import { Tooltip, Tag } from '@carbon/react';
-import { TYPES } from './constants.js';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
-import { TagOverflowPopover } from './TagOverflowPopover.js';
-import { TagOverflowModal } from './TagOverflowModal.js';
 
 var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],

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

@@ -1 +1,8 @@
-export { TagOverflow } from "./TagOverflow";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { TagOverflow } from './TagOverflow';
+export type { TagOverflowProps } from './TagOverflow';

package/es/components/TagSet/TagSet.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, PropsWithChildren } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import { TagBaseProps } from '@carbon/type';
 type Align = 'start' | 'center' | 'end';
 type OverflowAlign = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
@@ -7,7 +7,7 @@ type TagType = {
     label: string;
     type?: keyof typeof tagTypes;
 } & TagBaseProps;
-interface TagSetProps extends PropsWithChildren {
+export interface TagSetProps extends PropsWithChildren {
     /**
      * align the Tags displayed by the TagSet. Default start.
      */

package/es/components/TagSet/TagSet.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from 'classnames';
-import { TagSetOverflow } from './TagSetOverflow.js';
-import { TagSetModal } from './TagSetModal.js';
 import { Tag } from '@carbon/react';
-import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
+import { TagSetModal } from './TagSetModal.js';
+import { TagSetOverflow } from './TagSetOverflow.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
+import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 
 var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],

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

@@ -1 +1,2 @@
-export { TagSet } from "./TagSet";
+export { TagSet } from './TagSet';
+export type { TagSetProps } from './TagSet';

package/es/components/Tearsheet/Tearsheet.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
+import { ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { ButtonProps } from '@carbon/react';
 /**
  * The accessibility title for the close icon (if shown).
  *
@@ -21,7 +21,7 @@ export type CloseIconDescriptionTypes = {
     hasCloseIcon: true;
     closeIconDescription: string;
 };
-interface TearsheetProps extends PropsWithChildren {
+export interface TearsheetProps extends PropsWithChildren {
     /**
      * The navigation actions to be shown as buttons in the action area at the
      * bottom of the tearsheet. Each action is specified as an object with
@@ -148,4 +148,3 @@ export declare const deprecatedProps: {
      */
     verticalPosition: PropTypes.Requireable<string>;
 };
-export {};

package/es/components/Tearsheet/Tearsheet.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Button } from '@carbon/react';
 import React__default from 'react';
+import { tearsheetHasCloseIcon, portalType, TearsheetShell } from './TearsheetShell.js';
+import { ActionSet } from '../ActionSet/ActionSet.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { allPropTypes } from '../../global/js/utils/props-helper.js';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { Button } from '@carbon/react';
-import { TearsheetShell, tearsheetHasCloseIcon, portalType } from './TearsheetShell.js';
-import { ActionSet } from '../ActionSet/ActionSet.js';
 
 var _excluded = ["influencerPosition", "influencerWidth"];
 var componentName = 'Tearsheet';

package/es/components/Tearsheet/TearsheetNarrow.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode, PropsWithChildren } from 'react';
-import PropTypes from 'prop-types';
 import { ButtonProps } from '@carbon/react';
 import { CloseIconDescriptionTypes } from './TearsheetShell';
+import React, { PropsWithChildren, ReactNode } from 'react';
+import PropTypes from 'prop-types';
 interface TearsheetNarrowBaseProps extends PropsWithChildren {
     /**
      * The navigation actions to be shown as buttons in the action area at the
@@ -90,7 +90,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
      */
     verticalPosition?: 'normal' | 'lower';
 }
-type TearsheetNarrowProps = TearsheetNarrowBaseProps & CloseIconDescriptionTypes;
+export type TearsheetNarrowProps = TearsheetNarrowBaseProps & CloseIconDescriptionTypes;
 /**
  * A narrow tearsheet is a slimmer variant of the tearsheet, providing a dialog
  * that keeps users in-context and focused by bringing actionable content front

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Button } from '@carbon/react';
+import { tearsheetHasCloseIcon, portalType, TearsheetShell, tearsheetShellWideProps } from './TearsheetShell.js';
 import React__default from 'react';
+import { allPropTypes, prepareProps } from '../../global/js/utils/props-helper.js';
+import { ActionSet } from '../ActionSet/ActionSet.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { prepareProps, allPropTypes } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
-import { Button } from '@carbon/react';
-import { TearsheetShell, tearsheetHasCloseIcon, portalType, tearsheetShellWideProps } from './TearsheetShell.js';
-import { ActionSet } from '../ActionSet/ActionSet.js';
 
 var _excluded = ["verticalPosition"];
 var componentName = 'TearsheetNarrow';

package/es/components/Tearsheet/TearsheetShell.js

@@ -14,11 +14,11 @@ import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent.js';
 import { Button, usePrefix, ComposedModal, ModalHeader, Layer } from '@carbon/react';
+import { ActionSet } from '../ActionSet/ActionSet.js';
 import { Wrap } from '../../global/js/utils/Wrap.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import { useFocus, getSpecificElement } from '../../global/js/hooks/useFocus.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
-import { ActionSet } from '../ActionSet/ActionSet.js';
 
 var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
 
@@ -139,11 +139,16 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
 
   // Callback to give the tearsheet the opportunity to claim focus
   handleStackChange.claimFocus = function () {
-    if (selectorPrimaryFocus) {
-      var _getSpecificElement;
-      return (_getSpecificElement = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) === null || _getSpecificElement === void 0 ? void 0 : _getSpecificElement.focus();
+    if (selectorPrimaryFocus && getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus)) {
+      var _window;
+      var specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
+      if (specifiedEl && ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(specifiedEl)) === null || _window === void 0 ? void 0 : _window.display) !== 'none') {
+        return specifiedEl.focus();
+      }
     }
-    firstElement === null || firstElement === void 0 || firstElement.focus();
+    setTimeout(function () {
+      return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
+    }, 0);
   };
   useEffect(function () {
     if (open) {

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

@@ -1,2 +1,10 @@
-export { Tearsheet } from "./Tearsheet";
-export { TearsheetNarrow } from "./TearsheetNarrow";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * 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 { Tearsheet } from './Tearsheet';
+export { TearsheetNarrow } from './TearsheetNarrow';
+export type { TearsheetProps } from './Tearsheet';
+export type { TearsheetNarrowProps } from './TearsheetNarrow';

package/es/components/Toolbar/Toolbar.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 declare const blockClass: string;
-interface ToolbarProps {
+export interface ToolbarProps {
     /** Provide an optional class to be applied to the containing node */
     className?: string;
     /** Determines whether the `Toolbar` is rendered vertically */

package/es/components/Toolbar/Toolbar.js

@@ -6,11 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef, useRef, useCallback, useState, useEffect, createContext } from 'react';
-import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import { getFocusableElements } from '../../global/js/utils/getFocusableElements.js';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
 var _excluded = ["children", "className", "vertical"];

package/es/components/Toolbar/ToolbarButton.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import { IconButton } from '@carbon/react';
 import React from 'react';
+import { IconButton } from '@carbon/react';
 export declare const blockClass: string;
-interface ToolbarButtonProps extends React.ComponentProps<typeof IconButton> {
+export interface ToolbarButtonProps extends React.ComponentProps<typeof IconButton> {
     /** Determines whether the caret is rendered */
     caret?: boolean;
     /** Provide an optional class to be applied to the containing node */
@@ -22,4 +22,3 @@ interface ToolbarButtonProps extends React.ComponentProps<typeof IconButton> {
 export declare let ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
-export {};

package/es/components/Toolbar/ToolbarButton.js

@@ -6,12 +6,12 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useContext } from 'react';
+import { ToolbarContext, blockClass as blockClass$1 } from './Toolbar.js';
+import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import { IconButton } from '@carbon/react';
 import cx from 'classnames';
-import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
-import React__default, { forwardRef, useContext } from 'react';
 import { pkg } from '../../settings.js';
-import { ToolbarContext, blockClass as blockClass$1 } from './Toolbar.js';
 
 var _excluded = ["caret", "children", "className", "renderIcon", "iconDescription"];
 var blockClass = "".concat(blockClass$1, "__button");

package/es/components/Toolbar/ToolbarGroup.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface ToolbarGroupProps {
+export interface ToolbarGroupProps {
     /** Provide the content of the `ToolbarGroup` */
     children?: ReactNode;
     /** Provide an optional class to be applied to the containing node */
@@ -15,4 +15,3 @@ interface ToolbarGroupProps {
 export declare let ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/Toolbar/ToolbarGroup.js

@@ -6,11 +6,11 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from 'classnames';
-import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef } from 'react';
-import { pkg } from '../../settings.js';
+import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import { blockClass } from './Toolbar.js';
+import cx from 'classnames';
+import { pkg } from '../../settings.js';
 
 var _excluded = ["className", "children"];
 /** Toolbar groups organize the commands within a toolbar into related groups. */

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

@@ -1,3 +1,12 @@
-export { Toolbar } from "./Toolbar";
-export { ToolbarButton } from "./ToolbarButton";
-export { ToolbarGroup } from "./ToolbarGroup";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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 { Toolbar } from './Toolbar';
+export { ToolbarButton } from './ToolbarButton';
+export { ToolbarGroup } from './ToolbarGroup';
+export type { ToolbarProps } from './Toolbar';
+export type { ToolbarButtonProps } from './ToolbarButton';
+export type { ToolbarGroupProps } from './ToolbarGroup';

package/es/components/TruncatedList/TruncatedList.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-interface TruncatedListProps extends PropsWithChildren {
+export interface TruncatedListProps extends PropsWithChildren {
     as?: React.ElementType | string;
     /**
      * Optional class name for expand/collapse button.
@@ -49,4 +49,3 @@ interface TruncatedListProps extends PropsWithChildren {
  * and see the entire list.
  */
 export declare let TruncatedList: React.ForwardRefExoticComponent<TruncatedListProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/TruncatedList/TruncatedList.js

@@ -7,11 +7,11 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { Children, useState, useRef, useEffect } from 'react';
+import { pkg, carbon } from '../../settings.js';
+import { Button } from '@carbon/react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { pkg, carbon } from '../../settings.js';
-import { Button } from '@carbon/react';
 
 var _excluded = ["children", "className", "as", "buttonClassName", "collapsedItemsLimit", "expandedItemsLimit", "onClick", "viewLessLabel", "viewMoreLabel"];
 

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

@@ -1 +1,8 @@
-export { TruncatedList } from "./TruncatedList";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { TruncatedList } from './TruncatedList';
+export type { TruncatedListProps } from './TruncatedList';

package/es/components/UserProfileImage/UserProfileImage.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React from 'react';
-import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 import '../../global/js/utils/props-helper';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 import { IconButton } from '@carbon/react';
+import React from 'react';
 type imageProps = {
     /**
      * When passing the image prop, supply a full path to the image to be displayed.
@@ -61,7 +61,7 @@ type UserProfileImageBaseProps = {
      */
     tooltipText?: string;
 };
-type UserProfileImageProps = UserProfileImageBaseProps & imageProps;
+export type UserProfileImageProps = UserProfileImageBaseProps & imageProps;
 /**
  * The user profile avatar allows for an image of the user to be displayed by passing in the image prop. By default the component will display a user icon on a blue background.
  */