@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/types/src/Calendar/DateTable.d.ts

@@ -15,7 +15,7 @@ interface DateTablePropsBase {
     todayValue?: string;
 }
 type DateTableProps = ComponentProps<DateTablePropsBase, 'table'>;
-declare function DateTable({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateTableProps): JSX.Element;
+declare function DateTable({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateTableProps): React.JSX.Element;
 declare namespace DateTable {
     var propTypes: {
         displayValue: PropTypes.Validator<string>;

package/types/src/Calendar/Day.d.ts

@@ -24,7 +24,7 @@ interface DayPropsBase {
     value: string;
 }
 type DayProps = ComponentProps<DayPropsBase, 'td'>;
-declare function Day({ active, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): JSX.Element;
+declare function Day({ active, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): React.JSX.Element;
 declare namespace Day {
     var propTypes: {
         active: PropTypes.Requireable<boolean>;

package/types/src/Calendar/MonthHeader.d.ts

@@ -11,7 +11,7 @@ interface MonthHeaderPropsBase {
     value: string;
 }
 type MonthHeaderProps = ComponentProps<MonthHeaderPropsBase, 'div'>;
-declare function MonthHeader({ headingId, locale, onChange, value, ...otherProps }: MonthHeaderProps): JSX.Element;
+declare function MonthHeader({ headingId, locale, onChange, value, ...otherProps }: MonthHeaderProps): React.JSX.Element;
 declare namespace MonthHeader {
     var propTypes: {
         headingId: PropTypes.Requireable<string>;

package/types/src/Card/Body.d.ts

@@ -16,7 +16,7 @@ type BodyProps = ComponentProps<BodyPropsBase, 'div'>;
 /**
  * A styled container for `Card` body content.
  */
-declare function Body({ children, inset, ...otherProps }: BodyProps): JSX.Element;
+declare function Body({ children, inset, ...otherProps }: BodyProps): React.JSX.Element;
 declare namespace Body {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Card/Card.d.ts

@@ -36,14 +36,9 @@ interface CardPropsBase {
     openInNewContext?: boolean;
     /**
      * Renders `Card` as selected if set to `true`. Use only when `onClick` is also provided.
+     * @deprecated This prop is deprecated and will be removed in the next major version.
      */
     selected?: boolean;
-    /**
-     * Includes a border on the `Card` if set to `true`.
-     * @excludeTheme prisma
-     * @deprecated
-     * */
-    showBorder?: boolean;
     /**
      * Takes a URL to go to when the `Card` is clicked.
      */
@@ -53,7 +48,7 @@ interface CardPropsBase {
     /** Overrides the HTML tag for the Card component. Defaults to `article`. */
     tag?: 'article' | 'div' | 'aside' | 'section';
 }
-declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext' | 'showBorder'>>;
+declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext'>>;
 interface CardPropsBaseNonClickable extends CardPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     onClick?: never;
@@ -78,12 +73,12 @@ type CardClickableLinkProps = ClassComponentProps<CardPropsBaseOnClickClickable
 type CardProps = CardNonClickableProps | CardClickableButtonProps | CardClickableLinkProps;
 declare class Card extends Component<CardProps, {}> {
     static propTypes: React.WeakValidationMap<CardProps>;
-    static defaultProps: Required<Pick<CardPropsBase, "openInNewContext" | "showBorder">>;
+    static defaultProps: Required<Pick<CardPropsBase, "openInNewContext">>;
     static Header: typeof Header;
     static Body: typeof Body;
     static Footer: typeof Footer;
     private handleCardClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Card;
 export { CardClickHandler, Header, Body, Footer };

package/types/src/Card/Footer.d.ts

@@ -7,23 +7,16 @@ interface FooterPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
-    /**
-     * Shows top border of footer.
-     * @excludeTheme prisma
-     * @deprecated
-     * */
-    showBorder?: boolean;
 }
 type FooterProps = ComponentProps<FooterPropsBase, 'div'>;
 /**
  * A styled container for `Card` footer content.
  */
-declare function Footer({ children, showBorder, ...otherProps }: FooterProps): JSX.Element;
+declare function Footer({ children, ...otherProps }: FooterProps): React.JSX.Element;
 declare namespace Footer {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
-        showBorder: PropTypes.Requireable<boolean>;
     };
 }
 export default Footer;

package/types/src/Card/Header.d.ts

@@ -16,7 +16,7 @@ interface HeaderPropsBase {
     /**
      * Adds a secondary actions dropdown menu to the header with an "Actions" label. Make this prop a `Menu`.
      *
-     * The `actions` prop is preferred so that a a custom and unambiguous label can be added.
+     * The `actions` prop is preferred so that a custom and unambiguous label can be added.
      */
     actionsSecondary?: React.ReactNode;
     /**
@@ -55,7 +55,7 @@ type HeaderProps = ComponentProps<HeaderWithActions | HeaderWithActionsRenderPro
 /**
  * A styled container for `Card` header content.
  */
-declare function Header({ actions, actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): JSX.Element;
+declare function Header({ actions, actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): React.JSX.Element;
 declare namespace Header {
     var propTypes: {
         actionPrimary: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Card/docs/examples/Actions.d.ts

@@ -1,2 +1,3 @@
-declare function Actions(): JSX.Element;
+import React from 'react';
+declare function Actions(): React.JSX.Element;
 export default Actions;

package/types/src/Card/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Card/docs/examples/Clickable.d.ts

@@ -1,2 +1,3 @@
-declare function Clickable(): JSX.Element;
+import React from 'react';
+declare function Clickable(): React.JSX.Element;
 export default Clickable;

package/types/src/Card/docs/examples/Full.d.ts

@@ -1,2 +1,3 @@
-declare function FullCard(): JSX.Element;
+import React from 'react';
+declare function FullCard(): React.JSX.Element;
 export default FullCard;

package/types/src/Card/docs/examples/Images.d.ts

@@ -1,2 +1,3 @@
-declare function Images(): JSX.Element;
+import React from 'react';
+declare function Images(): React.JSX.Element;
 export default Images;

package/types/src/Card/docs/examples/Selectable.d.ts

@@ -1,2 +1,3 @@
-declare function Selectable(): JSX.Element;
+import React from 'react';
+declare function Selectable(): React.JSX.Element;
 export default Selectable;

package/types/src/CardLayout/CardLayout.d.ts

@@ -24,7 +24,7 @@ interface CardLayoutPropsBase {
     wrapCards?: boolean;
 }
 type CardLayoutProps = ComponentProps<CardLayoutPropsBase, 'div'>;
-declare function CardLayout({ alignCards, cardMaxWidth, cardMinWidth, cardWidth, children, elementRef, gutterSize, style, wrapCards, ...otherProps }: CardLayoutProps): JSX.Element;
+declare function CardLayout({ alignCards, cardMaxWidth, cardMinWidth, cardWidth, children, elementRef, gutterSize, style, wrapCards, ...otherProps }: CardLayoutProps): React.JSX.Element;
 declare namespace CardLayout {
     var propTypes: {
         alignCards: PropTypes.Requireable<string>;

package/types/src/CardLayout/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/CardLayout/docs/examples/Interactive.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { NumberChangeHandler } from '@splunk/react-ui/Number';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
 interface InteractiveState {
@@ -23,6 +23,6 @@ declare class Interactive extends Component<{}, InteractiveState> {
     }) => void;
     handleSetAsWidth: SwitchClickHandler;
     handleHasMaxWidth: SwitchClickHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Interactive;

package/types/src/Chip/Chip.d.ts

@@ -43,7 +43,7 @@ type ChipNonInteractiveProps = ComponentProps<ChipPropsBase, 'div'> & {
     onRequestRemove?: never;
 };
 type ChipProps = ChipInteractiveProps | ChipNonInteractiveProps;
-declare function Chip(props: ChipProps): JSX.Element;
+declare function Chip(props: ChipProps): React.JSX.Element;
 declare namespace Chip {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;

package/types/src/Chip/docs/examples/Appearance.d.ts

@@ -1,2 +1,3 @@
-declare function Appearance(): JSX.Element;
+import React from 'react';
+declare function Appearance(): React.JSX.Element;
 export default Appearance;

package/types/src/Chip/docs/examples/CustomColors.d.ts

@@ -1,2 +1,3 @@
-declare function CustomColors(): JSX.Element;
+import React from 'react';
+declare function CustomColors(): React.JSX.Element;
 export default CustomColors;

package/types/src/Chip/docs/examples/Disabled.d.ts

@@ -1,2 +1,3 @@
-declare function Disabled(): JSX.Element;
+import React from 'react';
+declare function Disabled(): React.JSX.Element;
 export default Disabled;

package/types/src/Chip/docs/examples/Icon.d.ts

@@ -1,2 +1,3 @@
-declare function Icon(): JSX.Element;
+import React from 'react';
+declare function Icon(): React.JSX.Element;
 export default Icon;

package/types/src/Chip/docs/examples/Removable.d.ts

@@ -1,2 +1,3 @@
-declare function Removable(): JSX.Element;
+import React from 'react';
+declare function Removable(): React.JSX.Element;
 export default Removable;

package/types/src/Chip/docs/examples/RemovableWithNonStringChildren.d.ts

@@ -1,2 +1,3 @@
-declare const RemovableWithNonStringChildren: () => JSX.Element;
+import React from 'react';
+declare const RemovableWithNonStringChildren: () => React.JSX.Element;
 export default RemovableWithNonStringChildren;

package/types/src/Clickable/Clickable.d.ts

@@ -1,21 +1,18 @@
-import React, { Component } from 'react';
-import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { NavigationContext } from './NavigationProvider';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import { ComponentProps } from '../utils/types';
 export declare const isRootRelativeLink: (to: string | undefined) => boolean;
 export declare const isInternalLink: (to: string | undefined) => boolean;
 interface ClickablePropsBase {
-    /**
-     * Links may need to be rendered as "disabled": e.g. last link in a breadcrumb. Disabled links, must have the `to` (ideally to '') and `disabled` props set.
-     *  @private
-     */
-    allowDisabledLink?: boolean;
     children?: React.ReactNode;
     /**
-     * Add a disabled attribute and prevent clicking. If set to `dimmed`, the component
-     * does not respond to mouse events and `aria-disabled` is set to `true`.
+     * Prevents user from activating the component and adds disabled styling.
+     *
+     * If set to `dimmed`, the component is able to receive focus.
+     * If set to `disabled`, the component is unable to receive focus (as a result of setting the html `disabled` attribute).
+     *
+     * The default behavior when `disabled={true}` is `dimmed`.
      */
-    disabled?: boolean | 'dimmed';
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      *
@@ -45,34 +42,13 @@ interface ClickablePropsBase {
      */
     to?: string;
 }
-declare const defaultProps: Required<Pick<ClickablePropsBase, 'disabled' | 'openInNewContext'>>;
-type ClickableButtonProps = ClassComponentProps<ClickablePropsBase, typeof defaultProps, 'button'>;
-type ClickableLinkProps = ClassComponentProps<ClickablePropsBase, typeof defaultProps, 'a', 'href'>;
+type ClickableButtonProps = ComponentProps<ClickablePropsBase, 'button'>;
+type ClickableLinkProps = ComponentProps<ClickablePropsBase, 'a', 'href'>;
 type ClickableProps = ClickableButtonProps | ClickableLinkProps;
 /**
  * `Clickable` renders as a `button` element, or as an `a` element if the `to` prop is set
  * and the `disabled` prop is `false`. This is called link mode.
  */
-declare class Clickable extends Component<ClickableProps> {
-    private el;
-    context: React.ContextType<typeof NavigationContext>;
-    static contextType: React.Context<{
-        onClick?: import("./NavigationProvider").NavigationProviderClickHandler | undefined;
-        onLinkClick?: import("./NavigationProvider").NavigationProviderClickHandler | undefined;
-        prefix?: string | undefined;
-        transformUrl?: import("./NavigationProvider").NavigationProviderTransformUrl | undefined;
-    }>;
-    static propTypes: React.WeakValidationMap<ClickableProps>;
-    static defaultProps: Required<Pick<ClickablePropsBase, "disabled" | "openInNewContext">>;
-    static [legacyRefMode]: boolean;
-    constructor(props: Readonly<ClickableProps>);
-    private handleMount;
-    private createHandleOnClick;
-    private getTransformedUrl;
-    /**
-     * Place focus on the element.
-     */
-    focus(): void;
-    render(): JSX.Element;
-}
+declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Clickable;
+export { ClickableProps };

package/types/src/Clickable/NavigationProvider.d.ts

@@ -11,7 +11,7 @@ type NavigationProviderTransformUrl = (url: string, data: {
     isInternal?: boolean;
     isRootRelative?: boolean;
 }) => string;
-interface NavigationProviderPropsBase {
+interface NavigationProviderProps {
     children?: React.ReactNode;
     /**
      * An `onClick` handler to use when a link is clicked if no other `onClick` handler is supplied.
@@ -23,44 +23,27 @@ interface NavigationProviderPropsBase {
      * The function takes the event and an options argument with `to` and `openInNewContext`
      */
     onLinkClick?: NavigationProviderClickHandler;
-    /**
-     * @deprecated Use the `transformUrl` prop instead.
-     * If set, all links that use the NavigationProvider's context will have this prepended to them.
-     * This is ignored if `transformUrl` is set.
-     */
-    prefix?: string;
     /**
      * If set, all links that use the NavigationProvider's context will be transformed using this function.
      */
     transformUrl?: NavigationProviderTransformUrl;
 }
-interface NavigationProviderPropsWithPrefix extends NavigationProviderPropsBase {
-    prefix?: never;
-    transformUrl?: NavigationProviderTransformUrl;
-}
-interface NavigationProviderPropsWithoutPrefix extends NavigationProviderPropsBase {
-    prefix?: string;
-    transformUrl?: never;
-}
 type NavigationContextValue = {
     onClick?: NavigationProviderClickHandler;
     onLinkClick?: NavigationProviderClickHandler;
-    prefix?: string;
     transformUrl?: NavigationProviderTransformUrl;
 };
 declare const NavigationContext: React.Context<NavigationContextValue>;
-type NavigationProviderProps = NavigationProviderPropsWithPrefix | NavigationProviderPropsWithoutPrefix;
 /**
  * Used to provide an override for the `onClick` for links for single page applications so that
  * internal links can navigate without a page reload.
  */
-declare function NavigationProvider({ children, onClick, onLinkClick, prefix, transformUrl, }: NavigationProviderProps): JSX.Element;
+declare function NavigationProvider({ children, onClick, onLinkClick, transformUrl, }: NavigationProviderProps): React.JSX.Element;
 declare namespace NavigationProvider {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onLinkClick: PropTypes.Requireable<(...args: any[]) => any>;
-        prefix: PropTypes.Requireable<string>;
         transformUrl: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }

package/types/src/Clickable/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Clickable/docs/examples/Disabled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Disabled(): React.JSX.Element;
+export default Disabled;

package/types/src/Clickable/docs/examples/NavigationProvider.d.ts

@@ -1,2 +1,3 @@
-declare function NavigationProviderExample(): JSX.Element;
+import React from 'react';
+declare function NavigationProviderExample(): React.JSX.Element;
 export default NavigationProviderExample;

package/types/src/Code/Code.d.ts

@@ -8,7 +8,7 @@ interface CodePropsBase {
      */
     elementRef?: React.Ref<HTMLPreElement>;
     /**
-     * Sets the length of the left-indent. Use only when the value of
+     * @private. Sets the length of the left-indent. Use only when the value of
      `showIndentGuide` is `true`.
      */
     indentChars?: number;
@@ -30,7 +30,7 @@ interface CodePropsBase {
     value?: string;
 }
 type CodeProps = ComponentProps<CodePropsBase, 'pre'>;
-declare function Code({ elementRef, indentChars, language, languageFallback, showIndentGuide, value, ...otherProps }: CodeProps): JSX.Element;
+declare function Code({ elementRef, indentChars, language, languageFallback, showIndentGuide, value, ...otherProps }: CodeProps): React.JSX.Element;
 declare namespace Code {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

package/types/src/Code/docs/examples/Default.d.ts

@@ -1,2 +1,3 @@
-declare function Default(): JSX.Element;
+import React from 'react';
+declare function Default(): React.JSX.Element;
 export default Default;

package/types/src/Code/docs/examples/HideIndent.d.ts

@@ -1,2 +1,3 @@
-declare function HideIndent(): JSX.Element;
+import React from 'react';
+declare function HideIndent(): React.JSX.Element;
 export default HideIndent;

package/types/src/Code/docs/examples/Language.d.ts

@@ -1,2 +1,3 @@
-declare function Language(): JSX.Element;
+import React from 'react';
+declare function Language(): React.JSX.Element;
 export default Language;

package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts

@@ -1,19 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import SingleOpenPanelGroup, { SingleOpenPanelGroupChangeHandler } from './SingleOpenPanelGroup';
-import SingleOpenPanelGroupContext from './SingleOpenPanelGroupContext';
-import { ClassComponentProps } from '../utils/types';
-/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
-type CollapsiblePanelRequestCloseHandler = (data: {
-    event: React.MouseEvent<HTMLButtonElement>;
-    panelId?: string | number;
-    reason: 'toggleClick';
-}) => void;
-/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
-type CollapsiblePanelRequestOpenHandler = (data: {
-    event: React.MouseEvent<HTMLButtonElement>;
-    panelId?: string | number;
-    reason: 'toggleClick';
-}) => void;
+import { ComponentProps } from '../utils/types';
 /** @public */
 type CollapsiblePanelChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     action: 'open' | 'close';
@@ -29,6 +17,10 @@ interface CollapsiblePanelPropsBase {
      * Renders the toggle button and interactive elements separate from `title`, reserving the `title` prop for text only.
      */
     actions?: React.ReactNode;
+    /**
+     * Changes the style of the panel.
+     */
+    appearance?: 'default' | 'subtle';
     children?: React.ReactNode;
     /**
      * Sets the initial state of a panel to expanded. Incompatible with
@@ -41,7 +33,7 @@ interface CollapsiblePanelPropsBase {
     /**
      * Prevents the panel from expanding or collapsing.
      */
-    disabled?: boolean;
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -52,7 +44,7 @@ interface CollapsiblePanelPropsBase {
      */
     headingLevel?: number;
     /**
-     * If set to true, adds padding to panel content.
+     * By default, adds padding to panel content. If set to false, renders panel content without padding.
      */
     inset?: boolean;
     /**
@@ -60,16 +52,6 @@ interface CollapsiblePanelPropsBase {
      and managing expanded and collapsed states.
      */
     panelId?: string | number;
-    /**
-     * @deprecated `onRequestClose` option has been marked for deprecation and will be removed in the next major version.
-     * Use the `onChange` prop instead.
-     */
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    /**
-     * @deprecated `onRequestOpen` option has been marked for deprecation and will be removed in the next major version.
-     * Use the `onChange` prop instead.
-     */
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
     /**
      * Invoked on a change of the open panel.
      * Callback is passed the `panelId` of the `CollapsiblePanel` that originated the expand request and the `action` ("open" or "close")
@@ -97,23 +79,9 @@ interface CollapsiblePanelPropsBase {
      * Displays the name of the panel in its title bar.
      */
     title: React.ReactNode;
-    /**
-     * Renders toggle button separate from `title`, allowing `title` to contain interactive elements.
-     * @deprecated This prop is deprecated and will be removed in the next major version. Use the `actions` prop instead.
-     */
-    titleWithActions?: boolean;
-}
-interface CollapsiblePanelDeprecatedControlledProps extends CollapsiblePanelPropsBase {
-    defaultOpen?: never;
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    onChange?: never;
-    open?: boolean;
 }
 interface CollapsiblePanelControlledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: never;
-    onRequestOpen?: never;
-    onRequestClose?: never;
     onChange: CollapsiblePanelChangeHandler;
     open?: boolean;
 }
@@ -121,35 +89,28 @@ interface CollapsiblePanelUncontrolledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: boolean;
     open?: never;
 }
-declare const defaultProps: Required<Pick<CollapsiblePanelPropsBase, 'disabled' | 'inset' | 'overflow' | 'renderChildrenWhenCollapsed' | 'titleWithActions'>>;
-type CollapsiblePanelProps = ClassComponentProps<CollapsiblePanelDeprecatedControlledProps | CollapsiblePanelUncontrolledProps | CollapsiblePanelControlledProps, typeof defaultProps, 'div'>;
-interface CollapsiblePanelState {
-    animating: boolean;
-    open?: boolean;
-}
-declare class CollapsiblePanel extends Component<CollapsiblePanelProps, CollapsiblePanelState> {
-    private controlledExternally;
-    private containerId;
-    private toggleId;
-    static propTypes: React.WeakValidationMap<CollapsiblePanelProps>;
-    static defaultProps: Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">>;
-    context: React.ContextType<typeof SingleOpenPanelGroupContext>;
-    static contextType: React.Context<SingleOpenPanelGroupContext>;
-    constructor(props: Readonly<CollapsiblePanelProps>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<CollapsiblePanelProps>): void;
-    /**
-     * SingleOpenPanelGroup already takes into account if it is controlled or not in determining openPanelId
-     * so this.context.openPanelId is used for both the controlled and uncontrolled case.
-     */
-    private isOpen;
-    private handleRequestClose;
-    private handleRequestOpen;
-    private handleChange;
-    private handleAnimationEnd;
-    private isControlled;
-    render(): JSX.Element;
+type CollapsiblePanelProps = ComponentProps<CollapsiblePanelUncontrolledProps | CollapsiblePanelControlledProps, 'div'>;
+declare function CollapsiblePanel({ innerBodyStyles, actions, appearance, children, defaultOpen, description, disabled, elementRef, headingLevel, onChange, open, overflow, panelId, renderChildrenWhenCollapsed, title, inset, ...otherProps }: CollapsiblePanelProps): React.JSX.Element;
+declare namespace CollapsiblePanel {
+    var propTypes: {
+        innerBodyStyles: PropTypes.Requireable<object>;
+        actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        appearance: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultOpen: PropTypes.Requireable<boolean>;
+        description: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        elementRef: PropTypes.Requireable<object>;
+        headingLevel: PropTypes.Requireable<number>;
+        inset: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        overflow: PropTypes.Requireable<string>;
+        panelId: PropTypes.Requireable<any>;
+        renderChildrenWhenCollapsed: PropTypes.Requireable<boolean>;
+        title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
 }
 export default CollapsiblePanel;
 export { SingleOpenPanelGroup };
-export type { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler, CollapsiblePanelChangeHandler, SingleOpenPanelGroupChangeHandler, };
+export type { CollapsiblePanelChangeHandler, SingleOpenPanelGroupChangeHandler };

package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts

@@ -23,7 +23,7 @@ interface SingleOpenPanelGroupPropsBase {
      */
     elementRef?: React.Ref<HTMLDivElement>;
     /**
-     * If set to true, adds padding to panel content.
+     * By default, adds padding to panel content. If set to false, renders panel content without padding.
      */
     inset?: boolean;
     /**
@@ -47,7 +47,7 @@ interface SingleOpenPanelGroupUncontrolledProps extends SingleOpenPanelGroupProp
     openPanelId?: never;
 }
 type SingleOpenPanelGroupProps = ComponentProps<SingleOpenPanelGroupControlledProps | SingleOpenPanelGroupUncontrolledProps, 'div'>;
-declare function SingleOpenPanelGroup(props: SingleOpenPanelGroupProps): JSX.Element;
+declare function SingleOpenPanelGroup({ children, defaultOpenPanelId, elementRef, inset, onChange, openPanelId, ...otherProps }: SingleOpenPanelGroupProps): React.JSX.Element;
 declare namespace SingleOpenPanelGroup {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Actions(): React.JSX.Element;
+export default Actions;

package/types/src/CollapsiblePanel/docs/examples/BasicControlled.d.ts

@@ -1,2 +1,3 @@
-declare function BasicControlled(): JSX.Element;
+import React from 'react';
+declare function BasicControlled(): React.JSX.Element;
 export default BasicControlled;

package/types/src/CollapsiblePanel/docs/examples/BasicUncontrolled.d.ts

@@ -1,2 +1,3 @@
-declare function BasicUncontrolled(): JSX.Element;
+import React from 'react';
+declare function BasicUncontrolled(): React.JSX.Element;
 export default BasicUncontrolled;

package/types/src/CollapsiblePanel/docs/examples/Disabled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Dimmed(): React.JSX.Element;
+export default Dimmed;

package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts

@@ -1,2 +1,3 @@
-declare function MultiControlled(): JSX.Element;
+import React from 'react';
+declare function MultiControlled(): React.JSX.Element;
 export default MultiControlled;

package/types/src/CollapsiblePanel/docs/examples/MultiUncontrolled.d.ts

@@ -1,2 +1,3 @@
-declare function MultiUncontrolled(): JSX.Element;
+import React from 'react';
+declare function MultiUncontrolled(): React.JSX.Element;
 export default MultiUncontrolled;