@splunk/react-ui 5.0.0 → 5.2.0

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

@@ -1,5 +1,9 @@
 import React, { Component } from 'react';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+/**
+ * @name Basic
+ * @description Some checkbox and toggle controls.
+ */
 declare class Basic extends Component<object, {
     values: number[];
 }> {

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

@@ -1,5 +1,8 @@
 import React, { Component } from 'react';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+/**
+ * @name Disabled
+ */
 declare class Disabled extends Component<object, {
     values: number[];
 }> {

package/types/src/Switch/docs/examples/Error.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Error
+ */
 declare function SwitchError(): React.JSX.Element;
 export default SwitchError;

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

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

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

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

package/types/src/TabBar/docs/examples/Icons.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Icons
+ */
 declare function IconsLeft(): React.JSX.Element;
 export default IconsLeft;

package/types/src/TabBar/docs/examples/Tooltips.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Tooltips
+ */
 declare function Tooltips(): React.JSX.Element;
 export default Tooltips;

package/types/src/TabBar/docs/examples/Vertical.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Vertical
+ */
 declare function Vertical(): React.JSX.Element;
 export default Vertical;

package/types/src/TabBar/docs/examples/VerticalIcons.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Vertical icons
+ */
 declare function VerticalIconsLeft(): React.JSX.Element;
 export default VerticalIconsLeft;

package/types/src/TabBar/docs/examples/WithCount.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name With count
+ */
 declare function WithCount(): React.JSX.Element;
 export default WithCount;

package/types/src/TabBar/tabBarUtils.d.ts

@@ -0,0 +1,4 @@
+import { TabElementType } from './types';
+declare function getNextTabItem(tabItems: TabElementType[], currentIndex: number, nextIndex: number): TabElementType;
+declare function getPrevTabItem(tabItems: TabElementType[], currentIndex: number, prevIndex: number): TabElementType;
+export { getNextTabItem, getPrevTabItem };

package/types/src/TabBar/types.d.ts

@@ -0,0 +1,5 @@
+export interface TabElementType {
+    element: HTMLButtonElement | HTMLAnchorElement;
+    index: number;
+    tabId?: string;
+}

package/types/src/TabLayout/Panel.d.ts

@@ -10,7 +10,6 @@ interface PanelPropsBase {
      */
     elementRef?: React.Ref<HTMLDivElement>;
     /** See Icon documentation for more information.
-     * @excludeTheme prisma
      */
     icon?: React.ReactNode;
     /**

package/types/src/TabLayout/docs/examples/AutoActivate.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Auto activate
+ * @description In this example, switching to a tab with the keyboard automatically activates it.
+ */
 declare function AutoActivate(): React.JSX.Element;
 export default AutoActivate;

package/types/src/TabLayout/docs/examples/Controlled.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Controlled
+ * @description In this example, the open Panel is controlled by the parent component.
+ */
 declare function Controlled(): React.JSX.Element;
 export default Controlled;

package/types/src/TabLayout/docs/examples/Icons.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Icons
+ */
 declare function Icons(): React.JSX.Element;
 export default Icons;

package/types/src/TabLayout/docs/examples/Uncontrolled.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Uncontrolled
+ */
 declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

package/types/src/TabLayout/docs/examples/Vertical.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Vertical
+ */
 declare function Vertical(): React.JSX.Element;
 export default Vertical;

package/types/src/TabLayout/docs/examples/VerticalIcons.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Vertical icons
+ */
 declare function VerticalIcons(): React.JSX.Element;
 export default VerticalIcons;

package/types/src/Table/Head.d.ts

@@ -4,6 +4,7 @@ import { TableRequestMoveColumnHandler } from './Table';
 import { ComponentProps } from '../utils/types';
 type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId?: string;
+    id?: string;
     index: number;
 }) => void;
 type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;

package/types/src/Table/HeadCell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { UniqueIdentifier } from '@dnd-kit/core';
+import PropTypes from 'prop-types';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
 import { ComponentProps } from '../utils/types';
 type HeadCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
@@ -80,8 +80,7 @@ interface HeadCellPropsBase {
      */
     tooltip?: React.ReactNode;
     /**
-     * Truncate the text in the label. `truncate=false` is not compatible with `Table`'s
-     * `onRequestResize`.
+     * Truncate the text in the label.
      */
     truncate?: boolean;
     /**

package/types/src/Table/HeadDropdownCell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { UniqueIdentifier } from '@dnd-kit/core';
+import PropTypes from 'prop-types';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
 import { HeadCellKeyDownHandler } from './HeadCell';
 import { ComponentProps } from '../utils/types';
@@ -40,7 +40,7 @@ interface HeadDropdownCellPropsBase {
      */
     closeReasons?: HeadDropdownCellPossibleCloseReason[];
     /**
-     * An id that is passed to the `onSort` callback and as `Table`'s `onRequestResizeColumn` callback.
+     * An id that is passed to the `onRequestOpen`, `onRequestClose` callback and as `Table`'s `onRequestResizeColumn` callback.
      */
     columnId?: string;
     /** @private. */

package/types/src/Table/HeadInner.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ComponentProps } from '../utils/types';
 import { HeadAutosizeColumnHandler, HeadRequestResizeColumnHandler } from './Head';
+import { ComponentProps } from '../utils/types';
 type HeadInnerAutosizeColumnHandler = HeadAutosizeColumnHandler;
 type HeadInnerRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadInnerPropsBase {
     align?: 'left' | 'center' | 'right';
+    cellId?: string;
     clickable?: boolean;
     columnId?: string;
     elementRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     focusWithin?: boolean;
     hasTooltip?: boolean;
-    id?: string;
     index?: number;
     isMenu?: boolean;
     label?: React.ReactNode;
@@ -24,16 +24,16 @@ interface HeadInnerPropsBase {
     variant?: 'toggleAll' | 'info' | 'actions';
 }
 type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'div'>;
-declare function HeadInner({ align, clickable, columnId, elementRef, focusWithin, hasTooltip, id, index, isMenu, label, onAutosizeColumn, onRequestResize, resizable, sortDir, truncate, variant, width: widthProp, ...otherProps }: HeadInnerProps): React.JSX.Element;
+declare function HeadInner({ align, clickable, cellId, columnId, elementRef, focusWithin, hasTooltip, index, isMenu, label, onAutosizeColumn, onRequestResize, resizable, sortDir, truncate, variant, width: widthProp, ...otherProps }: HeadInnerProps): React.JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
         align: PropTypes.Requireable<string>;
+        cellId: PropTypes.Requireable<string>;
         clickable: PropTypes.Requireable<boolean>;
         columnId: PropTypes.Requireable<string>;
         elementRef: PropTypes.Requireable<object>;
         focusWithin: PropTypes.Requireable<boolean>;
         hasTooltip: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<string>;
         index: PropTypes.Requireable<number>;
         isMenu: PropTypes.Requireable<boolean>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Table/KeyboardSensor.d.ts

@@ -1,6 +1,6 @@
-import { Transform } from '@dnd-kit/utilities';
 import { Activators, SensorInstance, SensorProps, SensorOptions, KeyboardCodes, KeyboardCoordinateGetter } from '@dnd-kit/core';
 import { Coordinates } from '@dnd-kit/core/dist/types/';
+import { Transform } from '@dnd-kit/utilities';
 export declare class Listeners {
     private target;
     private listeners;

package/types/src/Table/RowDragCell.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import { ComponentProps } from '../utils/types';
+import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 interface RowDragCellPropsBase {
     setActivatorNodeRef: (element: HTMLElement | null) => void;
     listeners?: DraggableSyntheticListeners;

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

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

package/types/src/Table/docs/examples/Click.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Clickable cells
+ * @description Adding an onClick handler to a Cell adds a link style. The value of the data prop is passed to the handler.
+ */
 declare function Click(): React.JSX.Element;
 export default Click;

package/types/src/Table/docs/examples/ClickRows.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Clickable rows
+ * @description Adding an onClick handler to a Row adds hover and active styling. The primary cell is additionally styled with an underline on row hover. The value of the data prop is passed to the handler.
+ */
 declare function ClickRows(): React.JSX.Element;
 export default ClickRows;

package/types/src/Table/docs/examples/Complex.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Complex
+ * @description All capabilities can be used together except where noted.
+ */
 declare function Complex(): React.JSX.Element;
 export default Complex;

package/types/src/Table/docs/examples/DockedHeaderScrollbar.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Docked header and scroll bar
+ * @description When scrolling the page, the header can dock against the top of the window, and the scroll bar can dock against the bottom of the window. This allows the user to read the column headings and scroll even when the top and bottom of the Table is off screen.
+ */
 declare function DockedHeaderScrollbar(): React.JSX.Element;
 export default DockedHeaderScrollbar;

package/types/src/Table/docs/examples/FilterColumnValues.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Filter column values
+ * @description HeadDropdownCell can also be used to filter column values.
+ */
 declare function FilterableTable(): React.JSX.Element;
 export default FilterableTable;

package/types/src/Table/docs/examples/FixedHeader.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Fixed header
+ * @description Fix the header relative to the table.
+ */
 declare function FixedHeader(): React.JSX.Element;
 export default FixedHeader;

package/types/src/Table/docs/examples/HeadDropdownCell.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Dropdowns in header
+ * @description A column heading can act as a Dropdown. HeadDropdownCell does not support the sort interface from HeadCell. Sort features can be recreated in the Dropdown. This supports the same interface as [Dropdown](./Dropdown). See that component for more examples.
+ */
 declare function HeadDropdownCell(): React.JSX.Element;
 export default HeadDropdownCell;

package/types/src/Table/docs/examples/ReorderColumns.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Reorder columns
+ * @description Drag a column heading to reorder. To pick up a draggable column using the keyboard, press Space or Enter when focused on the column heading drag handle. Use the Left and Right arrow keys to update the position of the column heading. Press Space or Enter again to drop the column heading in its new position, or press Escape to cancel.
+ */
 declare function ReorderColumns(): React.JSX.Element;
 export default ReorderColumns;

package/types/src/Table/docs/examples/ReorderRows.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Reorder rows
+ * @description Drag a Row to reorder. To pick up a draggable Row using the keyboard, press Space or Enter when focused on the Row drag handle. Use the Up and Down arrow keys to update the position of the row. Press Space or Enter again to drop the Row in its new position, or press Escape to cancel. Reordering Rows is not compatible with sorting columns and doesn't take effect if any sort attributes or props are added.
+ */
 declare function ReorderRows(): React.JSX.Element;
 export default ReorderRows;

package/types/src/Table/docs/examples/Resizable.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Resizable columns
+ * @description The area between the column headings can be used to resize the columns one of the following ways: click and drag, press arrow keys when focused, or double-click to auto-size.
+ */
 declare function Resizable(): React.JSX.Element;
 export default Resizable;

package/types/src/Table/docs/examples/ResizableFill.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Fill layout with resizable columns
+ * @description The resizableFillLayout sets the Table to fill its container's space and allows column's width property to be auto. Table will enforce a minimum cell width when auto is used. To use a custom minimum cell width, it must be controlled using the onRequestResizeColumn callback and larger than the base minimum width of 60px. However, onRequestResizeColumn is only called for the current column being resized. So the custom minimum cell widths will not be respected for the other columns while the current column is being resized.
+ */
 declare function ResizableFill(): React.JSX.Element;
 export default ResizableFill;

package/types/src/Table/docs/examples/RowActions.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Row actions
+ * @description Adds Table-level and Row-level actions.
+ */
 declare function RowAction(): React.JSX.Element;
 export default RowAction;

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

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Selectable rows
+ * @description Rows can be selectable. The selection state of the Table overall and each Row are managed separately.
+ */
 declare function Selectable(): React.JSX.Element;
 export default Selectable;

package/types/src/Table/docs/examples/SortableColumns.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Sortable columns
+ * @description If a column is provided a sortKey, it is rendered as sortable. When a sortable HeadCell is clicked, it triggers an onSort callback. It is the consumer's responsibility to implement the sorting logic.
+ */
 declare function SortableColumns(): React.JSX.Element;
 export default SortableColumns;

package/types/src/Table/docs/examples/StripeRows.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Stripe rows
+ */
 declare function StripeRows(): React.JSX.Element;
 export default StripeRows;

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

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Controlled
+ * @description Text requires a value prop and an onChange callback to update the value prop for most use cases.
+ */
 declare const Basic: () => React.JSX.Element;
 export default Basic;

package/types/src/Text/docs/examples/CustomizedIcon.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Customized icons
+ * @description The Text control also supports customized icons.
+ */
 declare const CustomizedIcon: () => React.JSX.Element;
 export default CustomizedIcon;

package/types/src/Text/docs/examples/Dimmed.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Dimmed
+ * @description If you absolutely need to disable a Text use a dimmed Text. When the disabled prop is set to "dimmed", the Text does not respond to events but can still receive focus to ensure users can navigate to the Text when using assistive technologies. This also sets aria-disabled to true.
+ */
 declare const Dimmed: () => React.JSX.Element;
 export default Dimmed;

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

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Disabled
+ * @description Disabled cannot accept an input or become focused.
+ */
 declare const Disabled: () => React.JSX.Element;
 export default Disabled;

package/types/src/Text/docs/examples/Error.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Error
+ * @description Setting error will highlight the field.
+ */
 declare const Error: () => React.JSX.Element;
 export default Error;

package/types/src/Text/docs/examples/Inline.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Inline
+ * @description Passing inline will create an inline element and the input will be its default size.
+ */
 declare const Inline: () => React.JSX.Element;
 export default Inline;

package/types/src/Text/docs/examples/Password.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Password
+ * @description The Text control also supports a password input type and visibility toggle independently of each other.
+ */
 declare const Password: () => React.JSX.Element;
 export default Password;

package/types/src/Text/docs/examples/Uncontrolled.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Uncontrolled
+ * @description Alternatively, Text can be uncontrolled and optionally provided a defaultValue. The onChange callback still fires. The value prop cannot be set or updated externally.
+ */
 declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

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

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Controlled
+ * @description Text Area requires a value prop and an onChange callback to update the value prop for most use cases.
+ */
 declare const Basic: () => React.JSX.Element;
 export default Basic;

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

@@ -1,3 +1,6 @@
 import React from 'react';
+/**
+ * @name Disabled
+ */
 declare const Disabled: () => React.JSX.Element;
 export default Disabled;

package/types/src/TextArea/docs/examples/Error.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Error
+ * @description Setting error will highlight the field.
+ */
 declare const Error: () => React.JSX.Element;
 export default Error;

package/types/src/TextArea/docs/examples/Inline.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Inline
+ * @description Passing inline will create an inline element and the input will be its default size.
+ */
 declare const Inline: () => React.JSX.Element;
 export default Inline;

package/types/src/TextArea/docs/examples/Uncontrolled.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Uncontrolled
+ * @description Alternatively, Text Area can be uncontrolled and optionally provided a defaultValue. The onChange callback still fires. The value prop cannot be set or updated externally.
+ */
 declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

package/types/src/Tooltip/Tooltip.d.ts

@@ -27,6 +27,8 @@ interface AnchorProps {
 interface TooltipPropsBase {
     /** @private */
     appearance?: 'normal' | 'inverted' | 'none';
+    /** @private Generally passed by parent component rather than added directly. */
+    append?: boolean;
     /**
      * Provide a node to replace the default question mark.
      * For accessibility, ensure that the child can take focus, and that it
@@ -34,10 +36,7 @@ interface TooltipPropsBase {
      * on the appropriate internal element.
      */
     children?: React.ReactNode;
-    /**
-     * @private
-     *
-     */
+    /** @private */
     closeWhen?: 'default' | 'notOnClick';
     /**
      * The content of the tooltip. If the content is falsy and the `open` prop
@@ -95,6 +94,8 @@ interface TooltipPropsBase {
      * The onRequestClose and onRequestOpen callbacks are usually used.
      */
     open?: boolean;
+    /** @private Generally passed by parent component rather than added directly. */
+    prepend?: boolean;
     /**
      * A function for rendering the element that the tooltip is bound to. If both `renderAnchor` and
      * `children` are passed, `children` will be ignored. The function gets as input props object
@@ -121,11 +122,13 @@ type TooltipProps = ComponentProps<TooltipPropsBase, 'span'>;
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
  */
-declare function Tooltip({ appearance, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, ...otherProps }: TooltipProps): React.JSX.Element;
+declare function Tooltip({ appearance, append, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, prepend, ...otherProps }: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var propTypes: {
         /** @private */
         appearance: PropTypes.Requireable<string>;
+        /** @private */
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         closeDelay: PropTypes.Requireable<number>;
         /** @private */
@@ -139,6 +142,8 @@ declare namespace Tooltip {
         onRequestOpen: PropTypes.Requireable<(...args: any[]) => any>;
         open: PropTypes.Requireable<boolean>;
         openDelay: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        /** @private */
+        prepend: PropTypes.Requireable<boolean>;
         renderAnchor: PropTypes.Requireable<(...args: any[]) => any>;
     };
     var possibleOpenReasons: TooltipPossibleOpenReason[];

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

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Basic
+ * @description Add additional description to a form control.
+ */
 declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Tooltip/docs/examples/ContentRelationship.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Content relationship
+ * @description Set contentRelationship="label" for icon-only buttons.
+ */
 declare function ContentRelationship(): React.JSX.Element;
 export default ContentRelationship;

package/types/src/Tooltip/docs/examples/Controlled.d.ts

@@ -1,5 +1,9 @@
 import React, { Component } from 'react';
 import { TooltipRequestCloseHandler, TooltipRequestOpenHandler } from '@splunk/react-ui/Tooltip';
+/**
+ * @name Controlled
+ * @description Tooltips can also be controlled for more complex use cases.
+ */
 declare class Controlled extends Component<object, {
     open: boolean;
     reason: string;

package/types/src/Tooltip/docs/examples/CustomDelay.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Custom delay
+ * @description Open and close delays can be configured separately. Default delay values differ across themes.
+ */
 declare function CustomDelay(): React.JSX.Element;
 export default CustomDelay;

package/types/src/Tooltip/docs/examples/CustomProps.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Custom props
+ * @description Use the renderAnchor prop to customize rendering of the anchor element. Make sure that anchor element get assigned the onBlur, onFocus, onClick listeners, the describedBy or labelledBy string props and the elementRef.
+ */
 declare function CustomProps(): React.JSX.Element;
 export default CustomProps;

package/types/src/Tooltip/docs/examples/Toggletip.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
+/**
+ * @name Toggletip
+ * @description Tooltip defaults to showing an info button as an anchor to explain the surrounding context. For accessibility, please consider other ways of conveying this information before you decide to use the toggletip.
+ */
 declare function Toggletip(): React.JSX.Element;
 export default Toggletip;