@carbon/react 1.57.0 → 1.58.0

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

@@ -64,10 +64,10 @@ const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref
         align = tooltipPosition;
       }
       if (tooltipAlignment === 'end') {
-        align = `${tooltipPosition}-right`;
+        align = `${tooltipPosition}-end`;
       }
       if (tooltipAlignment === 'start') {
-        align = `${tooltipPosition}-left`;
+        align = `${tooltipPosition}-start`;
       }
     }
     if (tooltipPosition === 'right' || tooltipPosition === 'left') {

package/es/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/es/components/Checkbox/Checkbox.d.ts

@@ -4,8 +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 { ReactNodeLike } from 'prop-types';
-import React from 'react';
+import React, { ReactNode } from 'react';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type';
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
@@ -16,7 +15,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
      * Provide a label to provide a description of the Checkbox input that you are
      * exposing to the user
      */
-    labelText: NonNullable<ReactNodeLike>;
+    labelText: NonNullable<ReactNode>;
     /**
      * Specify whether the underlying input should be checked by default
      */
@@ -28,7 +27,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     /**
      * Provide text for the form group for additional help
      */
-    helperText?: React.ReactNode;
+    helperText?: ReactNode;
     /**
      * Specify whether the label should be hidden, or not
      */
@@ -44,11 +43,11 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     /**
      * Provide the text that is displayed when the Checkbox is in an invalid state
      */
-    invalidText?: React.ReactNode;
+    invalidText?: ReactNode;
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Specify whether the Checkbox is currently invalid
      */
@@ -56,7 +55,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     /**
      * Provide the text that is displayed when the Checkbox is in an invalid state
      */
-    warnText?: React.ReactNode;
+    warnText?: ReactNode;
     /**
      * Provide an optional handler that is called when the internal state of
      * Checkbox changes. This handler is called with event and state info.

package/es/components/ComboBox/ComboBox.d.ts

@@ -4,9 +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 Downshift from 'downshift';
-import { ReactNodeLike } from 'prop-types';
-import { type ComponentProps, type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithRef, type InputHTMLAttributes, type MouseEvent } from 'react';
+import { UseComboboxProps } from 'downshift';
+import { type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithRef, type InputHTMLAttributes, type MouseEvent } from 'react';
 import { ListBoxSize } from '../ListBox';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
 interface OnChangeData<ItemType> {
@@ -45,7 +44,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
     /**
      * Additional props passed to Downshift
      */
-    downshiftProps?: ComponentProps<typeof Downshift<ItemType>>;
+    downshiftProps?: Partial<UseComboboxProps<ItemType>>;
     /**
      * Provide helper text that is used alongside the control label for
      * additional help
@@ -139,7 +138,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
     /**
      * **Experimental**: Provide a `Slug` component to be rendered inside the `ComboBox` component
      */
-    slug?: ReactNodeLike;
+    slug?: ReactNode;
     /**
      * Provide text to be used in a `<label>` element that is tied to the
      * combobox via ARIA attributes.