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

package/types/src/Color/docs/examples/ThemeVariables.d.ts

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

package/types/src/Color/docs/examples/Transparent.d.ts

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

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

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

package/types/src/ColumnLayout/Column.d.ts

@@ -11,26 +11,16 @@ interface ColumnPropsBase {
     gutter?: number;
     /** The number of columns the element spans. */
     span?: number;
-    /** @private. This prop should be calculated and set by parent component */
-    isFirstChild?: boolean;
-    /** @private. This prop should be calculated and set by parent component */
-    isLastChild?: boolean;
 }
 type ColumnProps = ComponentProps<ColumnPropsBase, 'div'>;
-declare function Column({ children, elementRef, gutter, span, isFirstChild, isLastChild, style, ...otherProps }: ColumnProps): JSX.Element;
+declare function Column({ children, elementRef, gutter, span, ...otherProps }: ColumnProps): React.JSX.Element;
 declare namespace Column {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         /** @private. */
         gutter: PropTypes.Requireable<number>;
-        /** @private. */
-        isFirstChild: PropTypes.Requireable<boolean>;
-        /** @private. */
-        isLastChild: PropTypes.Requireable<boolean>;
         span: PropTypes.Requireable<number>;
-        /** @private. */
-        style: PropTypes.Requireable<object>;
     };
 }
 export default Column;

package/types/src/ColumnLayout/ColumnLayout.d.ts

@@ -20,7 +20,7 @@ type ColumnLayoutProps = ComponentProps<ColumnLayoutPropsBase, 'div'>;
  * `ColumnLayout` provides simple API for laying out content into columns. It is based on flexbox
  * and has 12 columns.
  */
-declare function ColumnLayout({ children, divider, elementRef, gutter: gutterProp, ...otherProps }: ColumnLayoutProps): JSX.Element;
+declare function ColumnLayout({ children, divider, elementRef, gutter, ...otherProps }: ColumnLayoutProps): React.JSX.Element;
 declare namespace ColumnLayout {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/ColumnLayout/Row.d.ts

@@ -14,13 +14,9 @@ interface RowPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** @private. This prop must only inherit from parent component */
     gutter?: number;
-    /** @private. This prop should be calculated and set by parent component */
-    isFirstChild?: boolean;
-    /** @private. This prop should be calculated and set by parent component */
-    isLastChild?: boolean;
 }
 type RowProps = ComponentProps<RowPropsBase, 'div'>;
-declare function Row({ alignItems, children, divider, elementRef, gutter, isFirstChild, isLastChild, style, ...otherProps }: RowProps): JSX.Element;
+declare function Row({ alignItems, children, divider, elementRef, gutter, ...otherProps }: RowProps): React.JSX.Element;
 declare namespace Row {
     var propTypes: {
         alignItems: PropTypes.Requireable<string>;
@@ -30,12 +26,6 @@ declare namespace Row {
         elementRef: PropTypes.Requireable<object>;
         /** @private. */
         gutter: PropTypes.Requireable<number>;
-        /** @private. */
-        isFirstChild: PropTypes.Requireable<boolean>;
-        /** @private. */
-        isLastChild: PropTypes.Requireable<boolean>;
-        /** @private. */
-        style: PropTypes.Requireable<object>;
     };
 }
 export default Row;

package/types/src/ColumnLayout/docs/examples/AlignItems.d.ts

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

package/types/src/ColumnLayout/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/ColumnLayout/docs/examples/Dividers.d.ts

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

package/types/src/ColumnLayout/docs/examples/Gutters.d.ts

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

package/types/src/ComboBox/ComboBox.d.ts

@@ -3,19 +3,19 @@ import { Divider, Heading } from '@splunk/react-ui/Menu';
 import Option from './Option';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-type ComboBoxChangeHandler = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent<HTMLButtonElement | HTMLSpanElement> | React.KeyboardEvent<HTMLInputElement>, data: {
+type ComboBoxChangeHandler = (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement | HTMLSpanElement> | React.KeyboardEvent<HTMLInputElement>, data: {
     name?: string;
     value: string;
 }) => void;
 /** @public */
 type ComboBoxScrollBottomHandler = (event: React.UIEvent<HTMLDivElement> | React.KeyboardEvent<HTMLInputElement> | null) => void;
 /** @public */
-type ComboBoxBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+type ComboBoxBlurHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
     name?: string;
     value: string;
 }) => void;
 /** @public */
-type ComboBoxFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+type ComboBoxFocusHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
     name?: string;
     value: string;
 }) => void;
@@ -55,6 +55,11 @@ interface ComboBoxPropsBase {
     footerMessage?: React.ReactNode;
     /** Make the control an inline block with variable width. */
     inline?: boolean;
+    /**
+     * An id for the input, which may be necessary for accessibility, such as for aria
+     * attributes.
+     */
+    inputId?: string;
     /**
      * A React ref which is set to the input element when the component mounts and null when it unmounts.
      */
@@ -106,13 +111,6 @@ interface ComboBoxPropsBase {
     placeholder?: string;
     /** Prepend removes rounded borders from the left side. */
     prepend?: boolean;
-    /**
-     * @deprecated
-     * This prop is deprecated and will be removed in the next major version.
-     * The size of the text input.
-     * @themeNotes Supported by the `enterprise` theme only.
-     */
-    size?: 'small' | 'medium' | 'large';
     /** The value of the input. Only applicable in controlled mode. */
     value?: string;
     /**
@@ -142,15 +140,13 @@ interface ComboBoxState {
 }
 /**
  * `ComboBox` allows the user to select a predefined string or enter a new value. Unlike `Select`
- * and `Multiselect`, `Option` value must always be a string and `Option` does not have a label
- * property.
+ * and `Multiselect`, `Option` value must always be a string.
  */
 declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
     private activeItemId;
     private activeValue?;
     private availableOptionCount;
     private controlledExternally;
-    private focusCalledInternally;
     private options?;
     private popoverId;
     private previousActiveIndex;
@@ -183,7 +179,7 @@ declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
      */
     focus(): void;
     private isControlled;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ComboBox;
 export { ComboBoxBlurHandler, ComboBoxChangeHandler, ComboBoxFocusHandler, Option, Divider, Heading, };

package/types/src/ComboBox/Option.d.ts

@@ -57,12 +57,12 @@ type OptionProps = ClassComponentProps<OptionPropsBase, typeof defaultProps, 'bu
  * so any elements passed to it must also be pure.
  */
 declare class Option extends PureComponent<OptionProps, {}> {
-    private item;
+    private itemRef;
     static propTypes: React.WeakValidationMap<OptionProps>;
     static defaultProps: Required<Pick<OptionPropsBase, "active" | "disabled" | "descriptionPosition" | "truncate">>;
     private handleClick;
     scrollIntoViewIfNeeded(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Option;
 export { OptionClickHandler };

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

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

package/types/src/ComboBox/docs/examples/Fetching.d.ts

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

package/types/src/ComboBox/docs/examples/Headings.d.ts

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

package/types/src/ComboBox/docs/examples/Label.d.ts

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

package/types/src/ComboBox/docs/examples/LoadMoreOnScrollBottom.d.ts

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

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

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

package/types/src/ControlGroup/ControlGroup.d.ts

@@ -1,8 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { AnyTheme } from '@splunk/themes';
-import { ClassComponentProps } from '../utils/types';
 import ControlGroupContext from './ControlGroupContext';
+import { ComponentProps } from '../utils/types';
 interface ControlGroupPropsBase {
     children?: React.ReactNode;
     /**
@@ -41,15 +40,6 @@ interface ControlGroupPropsBase {
      * Sets the control required and adds an asterisk before the `label`.
      */
     required?: boolean;
-    /**
-     * @deprecated
-     * This prop is deprecated and will be removed in the next major version.
-     * The size of the text label.
-     * @themeNotes Supported by the `enterprise` theme only.
-     */
-    size?: 'small' | 'medium';
-    /** @private */
-    splunkTheme: AnyTheme;
     /**
      * Displays a tooltip beside the `label`.
      */
@@ -57,10 +47,9 @@ interface ControlGroupPropsBase {
     /**
      * If a `tooltip` is provided, sets its default placement.
      */
-    tooltipDefaultPlacement?: 'above' | 'below' | 'left' | 'right' | 'theme';
+    tooltipDefaultPlacement?: 'above' | 'below' | 'left' | 'right';
 }
-declare const defaultProps: Required<Pick<ControlGroupPropsBase, 'controlsLayout' | 'error' | 'hideLabel' | 'labelPosition' | 'labelWidth' | 'required'>>;
-type ControlGroupProps = ClassComponentProps<ControlGroupPropsBase, typeof defaultProps, 'div'>;
+type ControlGroupProps = ComponentProps<ControlGroupPropsBase, 'div'>;
 /**
  * `ControlGroup` places a label and optional help text around one or more controls. The `ControlGroup`
  * will automatically add aria attributes to associate the controls with the labels and help text to
@@ -79,29 +68,24 @@ type ControlGroupProps = ClassComponentProps<ControlGroupPropsBase, typeof defau
  * attribute. If `inputId` is supported but not set a generated id is used instead. If `inputId` isn't
  * supported `id` is used. The `labelFor` prop may be used to override the `for` attribute.
  */
-declare class ControlGroup extends Component<ControlGroupProps, {}> {
-    private errorId;
-    private helpId;
-    private labelId;
-    private contextValue;
-    private childIds;
-    private stackLayoutChildStyle;
-    static propTypes: React.WeakValidationMap<ControlGroupProps>;
-    static defaultProps: Required<Pick<ControlGroupPropsBase, "required" | "error" | "controlsLayout" | "hideLabel" | "labelPosition" | "labelWidth">>;
-    constructor(props: Readonly<ControlGroupProps>);
-    shouldComponentUpdate(nextProps: Readonly<ControlGroupProps>): boolean;
-    private getChildID;
-    private getStackLayoutChildStyle;
-    private createContextValue;
-    private getContextValue;
-    private hasInputId;
-    private getLinkedId;
-    render(): JSX.Element;
+declare function ControlGroup({ children, controlsLayout, error, help, hideLabel, label, labelFor, labelPosition, labelWidth, required, tooltip, tooltipDefaultPlacement, ...otherProps }: ControlGroupProps): React.JSX.Element;
+declare namespace ControlGroup {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        controlsLayout: PropTypes.Requireable<string>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        help: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        hideLabel: PropTypes.Requireable<boolean>;
+        label: PropTypes.Validator<string>;
+        labelFor: PropTypes.Requireable<string>;
+        labelPosition: PropTypes.Requireable<string>;
+        labelWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        required: PropTypes.Requireable<boolean>;
+        tooltip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        tooltipDefaultPlacement: PropTypes.Requireable<string>;
+    };
 }
-declare const ControlGroupWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<ControlGroupProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "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" | "onSelect" | "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" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof ControlGroupPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ControlGroupProps>>, "inlist"> & Pick<ControlGroupProps, never>, "label" | "slot" | "style" | "title" | "children" | "elementRef" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "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" | "onSelect" | "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" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "help" | "tooltip" | "splunkTheme" | "labelFor" | "tooltipDefaultPlacement"> & Partial<Pick<Pick<ControlGroupProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "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" | "onSelect" | "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" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof ControlGroupPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ControlGroupProps>>, "inlist"> & Pick<ControlGroupProps, never>, "required" | "error" | "controlsLayout" | "hideLabel" | "labelPosition" | "labelWidth">> & Partial<Pick<Required<Pick<ControlGroupPropsBase, "required" | "error" | "controlsLayout" | "hideLabel" | "labelPosition" | "labelWidth">>, never>> & {
-    ref?: React.Ref<ControlGroup> | undefined;
-}, "splunkTheme">>;
-export default ControlGroupWithTheme;
+export default ControlGroup;
 export { ControlGroupContext };
-export type { ControlGroup as ControlGroupWithoutTheme };
 export type { ControlGroupPropsBase };

package/types/src/ControlGroup/ErrorMessageBar.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface ErrorMessageBarPropsBase {
+    /**
+     * Children are required.
+     */
+    children: React.ReactNode;
+}
+type ErrorMessageBarProps = ComponentProps<ErrorMessageBarPropsBase, 'div'>;
+declare function ErrorMessageBar({ children, ...otherProps }: ErrorMessageBarProps): React.JSX.Element;
+declare namespace ErrorMessageBar {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+}
+export default ErrorMessageBar;
+export type { ErrorMessageBarPropsBase };

package/types/src/ControlGroup/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/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts

@@ -1,10 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
 declare class CustomizedLabelTarget extends Component<{}, {
     values: number[];
 }> {
     constructor(props: {});
     handleClick: SwitchClickHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default CustomizedLabelTarget;

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

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

package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts

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

package/types/src/ControlGroup/docs/examples/HelpWithLinks.d.ts

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

package/types/src/ControlGroup/docs/examples/LabelLeft.d.ts

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

package/types/src/ControlGroup/docs/examples/LayoutFill.d.ts

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

package/types/src/ControlGroup/docs/examples/LayoutFillJoin.d.ts

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

package/types/src/ControlGroup/docs/examples/LayoutNone.d.ts

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

package/types/src/ControlGroup/docs/examples/Required.d.ts

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