@splunk/react-ui 4.17.0 → 4.18.0

package/types/src/Popover/Popover.d.ts

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { SpringConfig } from 'react-spring';
 import { AnyTheme } from '@splunk/themes';
+import ScrollContainerContext from '@splunk/react-ui/ScrollContainerContext';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
 declare type PopoverChildrenRenderer = (data: {
@@ -177,6 +178,7 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
     private handleScroll;
     private handleWindowScroll;
     private allowAnimationUpdates;
+    context: React.ContextType<typeof ScrollContainerContext>;
     static contextType: React.Context<Window | Document | HTMLElement | null | undefined>;
     static defaultProps: Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>;
     static propTypes: React.WeakValidationMap<ClassComponentProps<PopoverPropsBase, Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>, "div", never>>;

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { ClassComponentProps } from '../utils/types';
 import TabBarContext from './TabBarContext';
+import { ClassComponentProps } from '../utils/types';
 declare type TabClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     tabId?: string;
     tabKey?: number;
@@ -34,6 +34,8 @@ interface TabPropsBase {
     id?: string;
     /** The text shown in the button. */
     label?: React.ReactNode;
+    /** @private Maximum count number in tab label */
+    maxCount?: number;
     ref?: React.Ref<Tab>;
     /** A unique `id` for this tab and used by the `TabBar` to keep track of the open tab. */
     tabId?: string;
@@ -55,8 +57,10 @@ interface TabState {
 }
 declare class Tab extends Component<TabProps, TabState> {
     private popoverId;
+    private ariaId;
     static propTypes: React.WeakValidationMap<ClassComponentProps<TabPropsBase, Required<Pick<TabPropsBase, "active">>, "div", never>>;
     static defaultProps: Required<Pick<TabPropsBase, "active">>;
+    context: React.ContextType<typeof TabBarContext>;
     static contextType: React.Context<TabBarContext>;
     constructor(props: Readonly<TabProps>);
     private handleMount;

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

@@ -60,6 +60,7 @@ interface HeadState {
 declare class Head extends Component<HeadProps, HeadState> {
     private cells?;
     private el;
+    context: React.ContextType<typeof TableContext>;
     static contextType: React.Context<TableContext>;
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<HeadPropsBase, Required<Pick<HeadPropsBase, "actions">>, "thead", never>>;

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

@@ -101,6 +101,7 @@ declare class HeadCell extends Component<HeadCellProps, HeadCellState> {
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<HeadCellPropsBase, Required<Pick<HeadCellPropsBase, "align" | "zIndex" | "visible" | "truncate" | "resizable" | "sortDir" | "showGuideline">>, "th", never>>;
     static defaultProps: Required<Pick<HeadCellPropsBase, "align" | "zIndex" | "visible" | "truncate" | "resizable" | "sortDir" | "showGuideline">>;
+    context: React.ContextType<typeof TableContext>;
     static contextType: React.Context<TableContext>;
     constructor(props: Readonly<HeadCellProps>);
     private handleClick;

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

@@ -155,6 +155,7 @@ declare class HeadDropdownCell extends Component<HeadDropdownCellProps, HeadDrop
     static possibleCloseReasons: import("../Dropdown/Dropdown").DropdownPossibleCloseReason[];
     static propTypes: React.WeakValidationMap<ClassComponentProps<HeadDropdownCellPropsBase, Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>, "th", never>>;
     static defaultProps: Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>;
+    context: React.ContextType<typeof TableContext>;
     static contextType: React.Context<TableContext>;
     constructor(props: Readonly<HeadDropdownCellProps>);
     componentDidUpdate(prevProps: Readonly<HeadDropdownCellProps>): void;

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

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { ScrollContainerContext } from '@splunk/react-ui/ScrollContainerContext';
 import Body from './Body';
 import Caption from './Caption';
 import Cell, { CellClickHandler } from './Cell';
@@ -75,7 +76,7 @@ interface TablePropsBase {
      */
     onRequestToggleAllRows?: () => void;
     /**
-     * Callback invoked when a scoll event occurs on the inner scrolling container.
+     * Callback invoked when a scroll event occurs on the inner scrolling container.
      */
     onScroll?: React.UIEventHandler<HTMLDivElement>;
     /**
@@ -151,6 +152,7 @@ declare class Table extends Component<TableProps, TableState> {
     private table;
     private tableContainer;
     static propTypes: React.WeakValidationMap<ClassComponentProps<TablePropsBase, Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>, "div", never>>;
+    context: React.ContextType<typeof ScrollContainerContext>;
     static contextType: React.Context<Window | Document | HTMLElement | null | undefined>;
     static defaultProps: Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>;
     static Caption: typeof Caption;

package/types/src/Text/Text.d.ts

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { ControlGroupContext } from '@splunk/react-ui/ControlGroup';
 import { AnyTheme } from '@splunk/themes';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
@@ -183,6 +184,7 @@ declare class Text extends Component<TextProps, TextState> {
     static propTypes: React.WeakValidationMap<TextPropsBaseControlled & Required<Pick<TextPropsBase, "type" | "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear" | "multiline" | "passwordVisibilityToggle">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">> | React.WeakValidationMap<TextPropsBaseUncontrolled & Required<Pick<TextPropsBase, "type" | "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear" | "multiline" | "passwordVisibilityToggle">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">>;
     static defaultProps: Required<Pick<TextPropsBase, "type" | "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear" | "multiline" | "passwordVisibilityToggle">>;
     static componentType: string;
+    context: React.ContextType<typeof ControlGroupContext>;
     static contextType: React.Context<import("../ControlGroup/ControlGroupContext").ControlGroupContextValue>;
     static validateRows({ rowsMin, rowsMax }: TextProps): void;
     constructor(props: Readonly<TextProps>);
@@ -206,7 +208,7 @@ declare class Text extends Component<TextProps, TextState> {
     /**
      * Place focus on the input.
      */
-    focus(): void;
+    focus(options?: FocusOptions): void;
     select(): void;
     render(): JSX.Element;
 }

package/types/src/TextArea/TextArea.d.ts

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { ControlGroupContext } from '@splunk/react-ui/ControlGroup';
 import { AnyTheme } from '@splunk/themes';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
@@ -8,7 +9,12 @@ declare type TextAreaChangeHandler = (event: React.ChangeEvent<HTMLTextAreaEleme
     value: string;
 }) => void;
 interface TextAreaPropsBase {
-    /** Setting the appearance to search will create a rounded input. */
+    /**
+     * @deprecated The `search` appearance has been marked for deprecation and will be removed in a future major version.
+     *
+     * Setting the appearance to search will create a rounded input.
+     * @private.
+     */
     appearance?: 'default' | 'search';
     /** Append removes rounded borders and the border from the right side. */
     append?: boolean;
@@ -28,9 +34,11 @@ interface TextAreaPropsBase {
     autoCorrect?: string;
     /** Specify that the input should request focus when mounted. */
     autoFocus?: boolean;
-    /** Include an "X" button to clear the value.
-     * If the `appearance` prop is set to `search` or if `passwordVisibilityToggle` is true,
-     * this prop is ignored. */
+    /**
+     * @deprecated This prop has been marked for deprecation and will be removed in a future major version.
+     *
+     * Include an "X" button to clear the value.
+     * */
     canClear?: boolean;
     children?: React.ReactNode;
     /** @private. */
@@ -155,6 +163,7 @@ declare class TextArea extends Component<TextAreaProps, TextAreaState> {
     static propTypes: React.WeakValidationMap<TextAreaPropsBaseControlled & Required<Pick<TextAreaPropsBase, "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">> | React.WeakValidationMap<TextAreaPropsBaseUncontrolled & Required<Pick<TextAreaPropsBase, "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">>;
     static defaultProps: Required<Pick<TextAreaPropsBase, "tabIndex" | "placeholder" | "autoFocus" | "disabled" | "appearance" | "inline" | "error" | "append" | "prepend" | "rowsMax" | "rowsMin" | "canClear">>;
     static componentType: string;
+    context: React.ContextType<typeof ControlGroupContext>;
     static contextType: React.Context<import("../ControlGroup/ControlGroupContext").ControlGroupContextValue>;
     static validateRows({ rowsMin, rowsMax }: TextAreaProps): void;
     constructor(props: Readonly<TextAreaProps>);

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

@@ -0,0 +1,2 @@
+declare const ClearContent: () => JSX.Element;
+export default ClearContent;

package/MIGRATION.md

@@ -1,49 +0,0 @@
-# Migration
-
-This document lists migration guidance for new features and breaking changes.
-
-## 4.17.0
-
-### `Typography` `weight` prop
-**Change:**
-`Typography` no longer supports numerical values for `weight`.
-
-**Context:**
-Supporting both numerical and keyword values creates confusion on which is correct to use.
-Themes has new variables in version 4.17.0 that support all of the weight values in the design system.
-This aligns with the existing API for `variant` in this component.
-
-**Migration steps:**
-Convert any usage of a number to the keyword value using the following table based on (MDN)[https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping]: 
-|Number|Key-word |
-|------|------------|
-| 300  | 'light'    |
-| 400  | 'normal'   |
-| 500  | 'semiBold' |
-| 600  | 'semiBold' |
-| 700  | 'bold'     |
-| 800  | 'extraBold'|
-| 900  | 'heavy'    |
-
-For example, convert:
-`<Typography as="p" weight={700} />`
-to:
-`<Typography as="p" weight='bold' />`
-
-## 4.12.0
-
-### Multiline `Text` to `TextArea`
-
-**Change:**
-`Text`'s `multiline` and related props have been deprecated. A new `TextArea` component has been added.
-
-**Context:**
-`Text` supported two modes -- single or multiline. Each modes had exclusive props: e.g. `maxRows` was only valid with the `multiline` prop.
-This could be confusing and lead to unexpected or unsupported API combinations. Additionally, code in `Text` would only operate in one mode at a time.
-
-By separating these modes, we have made it simpler and clearer to decide which component and props to use.
-`Text` should be used for inline text input. `TextArea` should be used for long-form text input.
-This aligns the components with the HTML spec and the Splunk Design System.
-
-**Migration steps:**
-- Replace instances of `Text` that use the `multiline` prop with the new `TextArea` component.

package/types/src/List/docs/examples/Decimal.d.ts

@@ -1,2 +0,0 @@
-declare function Decimal(): JSX.Element;
-export default Decimal;

package/types/src/List/docs/examples/Disc.d.ts

@@ -1,2 +0,0 @@
-declare function Disc(): JSX.Element;
-export default Disc;

package/types/src/List/docs/examples/LowerAlpha.d.ts

@@ -1,2 +0,0 @@
-declare function LowerAlpha(): JSX.Element;
-export default LowerAlpha;

package/types/src/List/docs/examples/UpperAlpha.d.ts

@@ -1,2 +0,0 @@
-declare function UpperAlpha(): JSX.Element;
-export default UpperAlpha;