@carbon/react 1.58.0-rc.0 → 1.58.0

package/es/components/Tag/SelectableTag.d.ts

@@ -9,10 +9,6 @@ import React, { ReactNode } from 'react';
 import { PolymorphicProps } from '../../types/common';
 import { SIZES } from './Tag';
 export interface SelectableTagBaseProps {
-    /**
-     * Provide content to be rendered inside of a `SelectableTag`
-     */
-    children?: React.ReactNode;
     /**
      * Provide a custom className that is applied to the containing <span>
      */
@@ -43,15 +39,15 @@ export interface SelectableTagBaseProps {
      * **Experimental:** Provide a `Slug` component to be rendered inside the `SelectableTag` component
      */
     slug?: ReactNode;
+    /**
+     * Provide text to be rendered inside of a the tag.
+     */
+    text?: string;
 }
 export type SelectableTagProps<T extends React.ElementType> = PolymorphicProps<T, SelectableTagBaseProps>;
 declare const SelectableTag: {
-    <T extends React.ElementType<any>>({ children, className, disabled, id, renderIcon, selected, slug, size, ...other }: SelectableTagProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends React.ElementType<any>>({ className, disabled, id, renderIcon, selected, slug, size, text, ...other }: SelectableTagProps<T>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        /**
-         * Provide content to be rendered inside of a `SelectableTag`
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**
          * Provide a custom className that is applied to the containing <span>
          */
@@ -82,6 +78,10 @@ declare const SelectableTag: {
          * **Experimental:** Provide a `Slug` component to be rendered inside the `SelectableTag` component
          */
         slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide text to be rendered inside of a the tag.
+         */
+        text: PropTypes.Requireable<string>;
     };
 };
 export default SelectableTag;

package/es/components/Tag/SelectableTag.js

@@ -7,16 +7,19 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
+import React__default, { useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import Tag, { SIZES } from './Tag.js';
+import '../Tooltip/DefinitionTooltip.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../Text/index.js';
+import { Text } from '../Text/Text.js';
 
 const getInstanceId = setupGetInstanceId();
 const SelectableTag = _ref => {
   let {
-    children,
     className,
     disabled,
     id,
@@ -24,6 +27,7 @@ const SelectableTag = _ref => {
     selected = false,
     slug,
     size,
+    text,
     ...other
   } = _ref;
   const prefix = usePrefix();
@@ -32,6 +36,16 @@ const SelectableTag = _ref => {
   const tagClasses = cx(`${prefix}--tag--selectable`, className, {
     [`${prefix}--tag--selectable-selected`]: selectedTag
   });
+  const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
+  const isEllipsisActive = element => {
+    setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
+    return element.offsetWidth < element.scrollWidth;
+  };
+  useLayoutEffect(() => {
+    const elementTagId = document.querySelector(`#${tagId}`);
+    const newElement = elementTagId?.getElementsByClassName(`${prefix}--tag__label`)[0];
+    isEllipsisActive(newElement);
+  }, [prefix, tagId]);
   let normalizedSlug;
   if (slug && slug['type']?.displayName === 'Slug') {
     normalizedSlug = /*#__PURE__*/React__default.cloneElement(slug, {
@@ -39,6 +53,7 @@ const SelectableTag = _ref => {
       kind: 'inline'
     });
   }
+  const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
 
   // Removing onClick from the spread operator
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -46,6 +61,26 @@ const SelectableTag = _ref => {
     onClick,
     ...otherProps
   } = other;
+  if (isEllipsisApplied) {
+    return /*#__PURE__*/React__default.createElement(Tooltip, {
+      label: text,
+      align: "bottom",
+      className: tooltipClasses,
+      leaveDelayMs: 0,
+      onMouseEnter: false
+    }, /*#__PURE__*/React__default.createElement(Tag, _extends({
+      slug: slug,
+      size: size,
+      renderIcon: renderIcon,
+      disabled: disabled,
+      className: tagClasses,
+      id: tagId,
+      onClick: () => setSelectedTag(!selectedTag)
+    }, otherProps), /*#__PURE__*/React__default.createElement(Text, {
+      title: text,
+      className: `${prefix}--tag__label`
+    }, text), normalizedSlug));
+  }
   return /*#__PURE__*/React__default.createElement(Tag, _extends({
     slug: slug,
     size: size,
@@ -54,15 +89,12 @@ const SelectableTag = _ref => {
     className: tagClasses,
     id: tagId,
     onClick: () => setSelectedTag(!selectedTag)
-  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
-    className: `${prefix}--interactive--tag-children`
-  }, children, normalizedSlug));
+  }, otherProps), normalizedSlug, /*#__PURE__*/React__default.createElement(Text, {
+    title: text,
+    className: `${prefix}--tag__label`
+  }, text));
 };
 SelectableTag.propTypes = {
-  /**
-   * Provide content to be rendered inside of a `SelectableTag`
-   */
-  children: PropTypes.node,
   /**
    * Provide a custom className that is applied to the containing <span>
    */
@@ -92,7 +124,11 @@ SelectableTag.propTypes = {
   /**
    * **Experimental:** Provide a `Slug` component to be rendered inside the `SelectableTag` component
    */
-  slug: PropTypes.node
+  slug: PropTypes.node,
+  /**
+   * Provide text to be rendered inside of a the tag.
+   */
+  text: PropTypes.string
 };
 
 export { SelectableTag as default };

package/es/components/Tag/Tag.js

@@ -7,13 +7,15 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React__default, { useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
 import deprecate from '../../prop-types/deprecate.js';
+import { DefinitionTooltip } from '../Tooltip/DefinitionTooltip.js';
+import '../Tooltip/Tooltip.js';
 import { Text } from '../Text/Text.js';
 
 var _Close;
@@ -58,6 +60,16 @@ const Tag = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const tagId = id || `tag-${getInstanceId()}`;
+  const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
+  const isEllipsisActive = element => {
+    setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
+    return element.offsetWidth < element.scrollWidth;
+  };
+  useLayoutEffect(() => {
+    const elementTagId = document.querySelector(`#${tagId}`);
+    const newElement = elementTagId?.getElementsByClassName(`${prefix}--tag__label`)[0];
+    isEllipsisActive(newElement);
+  }, [prefix, tagId]);
   const conditions = [`${prefix}--tag--selectable`, `${prefix}--tag--filter`, `${prefix}--tag--operational`];
   const isInteractiveTag = conditions.some(el => className?.includes(el));
   const tagClasses = cx(`${prefix}--tag`, className, {
@@ -67,7 +79,7 @@ const Tag = _ref => {
     // TODO: V12 - Remove this class
     [`${prefix}--layout--size-${size}`]: size,
     [`${prefix}--tag--${type}`]: type,
-    [`${prefix}--tag--interactive`]: other.onClick && !isInteractiveTag
+    [`${prefix}--tag--interactive`]: other.onClick && !isInteractiveTag && isEllipsisApplied
   });
   const typeText = type !== undefined && type in Object.keys(TYPES) ? TYPES[type] : '';
   const handleClose = event => {
@@ -93,8 +105,8 @@ const Tag = _ref => {
     }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
       className: `${prefix}--tag__custom-icon`
     }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement(Text, {
-      className: `${prefix}--tag__label`,
-      title: typeof children === 'string' ? children : undefined
+      title: typeof children === 'string' ? children : undefined,
+      className: `${prefix}--tag__label`
     }, children !== null && children !== undefined ? children : typeText), normalizedSlug, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: `${prefix}--tag__close-icon`,
@@ -105,13 +117,27 @@ const Tag = _ref => {
     }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
   }
   const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? 'button' : 'div');
+  const labelClasses = cx({
+    [`${prefix}--tag__label`]: !isInteractiveTag,
+    [`${prefix}--tag--${type}`]: type && !isInteractiveTag
+  });
   return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
     disabled: disabled,
     className: tagClasses,
     id: tagId
   }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--tag__custom-icon`
-  }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement(Text, null, children !== null && children !== undefined ? children : typeText), normalizedSlug);
+  }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React__default.createElement(DefinitionTooltip, {
+    openOnHover: false,
+    definition: children !== null && children !== undefined ? children : typeText,
+    className: `${prefix}--definition--tooltip--tag`
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    title: children !== null && children !== undefined ? children : typeText,
+    className: labelClasses
+  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React__default.createElement(Text, {
+    title: children !== null && children !== undefined ? children : typeText,
+    className: labelClasses
+  }, children !== null && children !== undefined ? children : typeText), normalizedSlug);
 };
 Tag.propTypes = {
   /**

package/es/components/TextArea/index.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 TextArea from './TextArea';
+import TextArea, { type TextAreaProps } from './TextArea';
 export { default as TextAreaSkeleton } from './TextArea.Skeleton';
 export default TextArea;
-export { TextArea };
+export { TextArea, type TextAreaProps };

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

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

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

@@ -4,6 +4,6 @@
  * 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 TileGroup from './TileGroup';
+import TileGroup, { type TileGroupProps } from './TileGroup';
 export default TileGroup;
-export { TileGroup };
+export { TileGroup, type TileGroupProps };

package/es/components/Tooltip/Tooltip.js

@@ -37,18 +37,22 @@ function Tooltip(_ref) {
   const tooltipRef = useRef(null);
   const [open, setOpen] = useDelayedState(defaultOpen);
   const [isDragging, setIsDragging] = useState(false);
+  const [focusByMouse, setFocusByMouse] = useState(false);
   const [isPointerIntersecting, setIsPointerIntersecting] = useState(false);
   const id = useId('tooltip');
   const prefix = usePrefix();
   const child = React__default.Children.only(children);
   const triggerProps = {
-    onFocus: () => setOpen(true),
-    onBlur: () => setOpen(false),
+    onFocus: () => !focusByMouse && setOpen(true),
+    onBlur: () => {
+      setOpen(false);
+      setFocusByMouse(false);
+    },
     onClick: () => closeOnActivation && setOpen(false),
     // This should be placed on the trigger in case the element is disabled
     onMouseEnter,
     onMouseLeave,
-    onMouseDown: onDragStart,
+    onMouseDown,
     onMouseMove: onMouseMove,
     onTouchStart: onDragStart
   };
@@ -80,8 +84,15 @@ function Tooltip(_ref) {
     }
   }
   function onMouseEnter() {
-    setIsPointerIntersecting(true);
-    setOpen(true, enterDelayMs);
+    // Interactive Tags should not support onMouseEnter
+    if (!rest?.onMouseEnter?.()) {
+      setIsPointerIntersecting(true);
+      setOpen(true, enterDelayMs);
+    }
+  }
+  function onMouseDown() {
+    setFocusByMouse(true);
+    onDragStart();
   }
   function onMouseLeave() {
     setIsPointerIntersecting(false);

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { DefinitionTooltip } from './DefinitionTooltip';
-import { Tooltip } from './Tooltip';
-export { DefinitionTooltip, Tooltip };
+import { Tooltip, type TooltipProps } from './Tooltip';
+export { DefinitionTooltip, Tooltip, type TooltipProps };

package/es/components/UnorderedList/UnorderedList.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
-interface UnorderedListProps extends ComponentProps<'ul'> {
+export interface UnorderedListProps extends ComponentProps<'ul'> {
     nested?: boolean | undefined;
     isExpressive?: boolean | undefined;
 }

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

@@ -5,3 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default, default as UnorderedList } from './UnorderedList';
+export { type UnorderedListProps } from './UnorderedList';

package/lib/components/Accordion/Accordion.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren } from 'react';
-interface AccordionProps {
+export interface AccordionProps {
     /**
      * Specify the alignment of the accordion heading
      * title and chevron. Defaults to `end`.

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

@@ -4,8 +4,8 @@
  * 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 Accordion from './Accordion';
+import Accordion, { type AccordionProps } from './Accordion';
 export default Accordion;
-export { Accordion };
+export { Accordion, type AccordionProps };
 export { default as AccordionItem } from './AccordionItem';
 export { default as AccordionSkeleton } from './Accordion.Skeleton';

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

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import Button from './Button';
+import { type ButtonProps } from './Button';
 export default Button;
-export { Button };
+export { Button, type ButtonProps };
 export * from './Button';
 export { default as ButtonSkeleton } from './Button.Skeleton';

package/lib/components/Dropdown/Dropdown.d.ts

@@ -138,7 +138,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
 }
 export type DropdownTranslationKey = ListBoxMenuIconTranslationKey;
 type DropdownComponentProps<ItemType> = React.PropsWithoutRef<React.PropsWithChildren<DropdownProps<ItemType>> & React.RefAttributes<HTMLButtonElement>>;
-interface DropdownComponent {
+export interface DropdownComponent {
     <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement | null;
 }
 declare const _default: DropdownComponent;

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

@@ -4,8 +4,8 @@
  * 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 Dropdown, { type DropdownTranslationKey, type OnChangeData } from './Dropdown';
+import Dropdown, { type DropdownTranslationKey, type OnChangeData, type DropdownProps } from './Dropdown';
 export type { DropdownTranslationKey, OnChangeData };
-export { Dropdown };
+export { Dropdown, type DropdownProps };
 export { default as DropdownSkeleton } from './Dropdown.Skeleton';
 export default Dropdown;

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

@@ -4,6 +4,6 @@
  * 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 FormLabel from './FormLabel';
+import FormLabel, { type FormLabelProps } from './FormLabel';
 export default FormLabel;
-export { FormLabel };
+export { FormLabel, type FormLabelProps };

package/lib/components/Grid/Column.d.ts

@@ -8,14 +8,14 @@ import React from 'react';
 import { PolymorphicProps } from '../../types/common';
 type ColumnSpanPercent = '25%' | '50%' | '75%' | '100%';
 type ColumnSpanSimple = boolean | number | ColumnSpanPercent;
-interface ColumnSpanObject {
+export interface ColumnSpanObject {
     span?: ColumnSpanSimple;
     offset?: number;
     start?: number;
     end?: number;
 }
 export type ColumnSpan = ColumnSpanSimple | ColumnSpanObject;
-interface ColumnBaseProps {
+export interface ColumnBaseProps {
     /**
      * Pass in content that will be rendered within the `Column`
      */

package/lib/components/Grid/GridTypes.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference types="react" />
 import { PolymorphicProps } from '../../types/common';
-interface GridBaseProps {
+export interface GridBaseProps {
     /**
      * Pass in content that will be rendered within the `Grid`
      */
@@ -34,4 +34,3 @@ export type GridProps<T extends React.ElementType> = PolymorphicProps<T, GridBas
 export interface GridComponent {
     <T extends React.ElementType>(props: GridProps<T>, context?: any): React.ReactElement<any, any> | null;
 }
-export {};

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

@@ -4,9 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { type GridProps } from './GridTypes';
+export { type GridProps };
 export { FlexGrid } from './FlexGrid';
 export { Grid } from './Grid';
 export { default as Row } from './Row';
-export { default as Column } from './Column';
+export { default as Column, type ColumnProps } from './Column';
 export { ColumnHang } from './ColumnHang';
 export { GridSettings } from './GridContext';

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

@@ -4,6 +4,6 @@
  * 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 InlineLoading from './InlineLoading';
+import InlineLoading, { type InlineLoadingProps } from './InlineLoading';
 export default InlineLoading;
-export { InlineLoading };
+export { InlineLoading, type InlineLoadingProps };

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

@@ -4,6 +4,6 @@
  * 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 Loading from './Loading';
+import Loading, { type LoadingProps } from './Loading';
 export default Loading;
-export { Loading };
+export { Loading, type LoadingProps };

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

@@ -4,6 +4,6 @@
  * 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 Modal from './Modal';
+import Modal, { type ModalProps } from './Modal';
 export default Modal;
-export { Modal };
+export { Modal, type ModalProps };

package/lib/components/NumberInput/NumberInput.d.ts

@@ -133,4 +133,15 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     warnText?: ReactNode;
 }
 declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface Label {
+    disabled?: boolean;
+    hideLabel?: boolean;
+    id?: string;
+    label?: ReactNode;
+}
+export interface HelperTextProps {
+    id?: string;
+    description?: ReactNode;
+    disabled?: boolean;
+}
 export { NumberInput };

package/lib/components/NumberInput/NumberInput.js

@@ -397,7 +397,7 @@ NumberInput.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-function Label(_ref) {
+const Label = _ref => {
   let {
     disabled,
     id,
@@ -418,7 +418,7 @@ function Label(_ref) {
     }, label);
   }
   return null;
-}
+};
 Label.propTypes = {
   disabled: PropTypes__default["default"].bool,
   hideLabel: PropTypes__default["default"].bool,

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

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { default as NumberInputSkeleton } from './NumberInput.Skeleton';
-export { NumberInput } from './NumberInput';
+export { NumberInput, type NumberInputProps } from './NumberInput';

package/lib/components/OverflowMenu/OverflowMenu.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { ComponentType } from 'react';
 /**
  * @param {Element} menuBody The menu body with the menu arrow.
  * @param {string} direction The floating menu direction.
@@ -17,14 +17,18 @@ export declare const getMenuOffset: (menuBody: any, direction: any, trigger: any
     top: number;
 } | undefined;
 interface Offset {
-    top: number;
-    left: number;
+    top?: number | null | undefined;
+    left?: number | null | undefined;
 }
-interface OverflowMenuProps {
+type IconProps = {
+    className?: string;
+    'aria-label'?: string;
+};
+export interface OverflowMenuProps {
     /**
      * Specify a label to be read by screen readers on the container node
      */
-    ['aria-label']: string;
+    ['aria-label']?: string;
     /**
      * Deprecated, please use `aria-label` instead.
      * Specify a label to be read by screen readers on the container note.
@@ -99,7 +103,7 @@ interface OverflowMenuProps {
     /**
      * Function called to override icon rendering.
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: ComponentType<IconProps>;
     /**
      * Specify a CSS selector that matches the DOM element that should
      * be focused when the OverflowMenu opens

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

@@ -0,0 +1,13 @@
+/**
+ * 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 { type OverflowMenuProps } from './OverflowMenu';
+declare function OverflowMenu(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace OverflowMenu {
+    var displayName: string;
+}
+export default OverflowMenu;
+export { OverflowMenu, type OverflowMenuProps };

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-interface ProgressBarProps {
+export interface ProgressBarProps {
     /**
      * Additional CSS class names.
      */

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

@@ -4,6 +4,6 @@
  * 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 ProgressBar from './ProgressBar';
+import ProgressBar, { type ProgressBarProps } from './ProgressBar';
 export default ProgressBar;
-export { ProgressBar };
+export { ProgressBar, type ProgressBarProps };

package/lib/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-interface ProgressIndicatorProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {
+export interface ProgressIndicatorProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {
     /**
      * Provide `<ProgressStep>` components to be rendered in the
      * `<ProgressIndicator>`
@@ -63,7 +63,7 @@ declare namespace ProgressIndicator {
         vertical: PropTypes.Requireable<boolean>;
     };
 }
-interface ProgressStepProps {
+export interface ProgressStepProps {
     /**
      * Provide an optional className to be applied to the containing `<li>` node
      */

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

@@ -4,5 +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 { type ProgressIndicatorProps, type ProgressStepProps } from './ProgressIndicator';
 export { default as ProgressIndicatorSkeleton } from './ProgressIndicator.Skeleton';
 export * from './ProgressIndicator';
+export { type ProgressIndicatorProps, type ProgressStepProps };

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

@@ -4,5 +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 { type StructuredListWrapperProps } from './StructuredList';
 export * from './StructuredList';
 export { default as StructuredListSkeleton, type StructuredListSkeletonProps, } from './StructuredList.Skeleton';
+export { type StructuredListWrapperProps };

package/lib/components/Switch/Switch.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ButtonHTMLAttributes, ReactNode } from 'react';
-interface SwitchEventHandlersParams {
+export interface SwitchEventHandlersParams {
     index?: number;
     name?: string | number;
     text?: string;