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

package/types/src/Date/Date.d.ts

@@ -1,19 +1,18 @@
-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 { ComponentProps } from '../utils/types';
 /** @public */
 type DateChangeHandler = (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement> | React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLDivElement> | KeyboardEvent | MouseEvent | TouchEvent | undefined, data: {
     name?: string;
     value: string;
 }) => void;
 /** @public */
-type DateBlurHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+type DateBlurHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
     name?: string;
     value: string;
 }) => void;
 /** @public */
-type DateFocusHandler = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, data: {
+type DateFocusHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
     name?: string;
     value: string;
 }) => void;
@@ -65,11 +64,9 @@ interface DatePropsBase {
      * selected.
      */
     onChange?: DateChangeHandler;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
     onFocus?: DateFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    /** @private */
-    splunkTheme: AnyTheme;
     /** Setting this value makes the property controlled. An onChange callback is required.
      *
      * The value must be in the format 'YYYY-MM-DD'. To simplify creation of these strings,
@@ -80,7 +77,6 @@ interface DatePropsBase {
      */
     value?: string;
 }
-declare const defaultProps: Required<Pick<DatePropsBase, 'disabled' | 'error' | 'highlightToday' | 'inline' | 'inputOnly' | 'locale'>>;
 interface DatePropsBaseControlled extends DatePropsBase {
     defaultValue?: never;
     onChange: DateChangeHandler;
@@ -90,63 +86,32 @@ interface DatePropsBaseUncontrolled extends DatePropsBase {
     defaultValue?: string;
     value?: never;
 }
-type DateProps = ClassComponentProps<DatePropsBaseControlled | DatePropsBaseUncontrolled, typeof defaultProps, 'div'>;
-interface DateState {
-    anchor: HTMLDivElement | null;
-    calendarOpen: boolean;
-    input: HTMLInputElement | null;
-    tempTextInputDate?: string;
-    value?: string;
-}
-/**
- * This static value can be used to convert a moment date to a compatible string
- * to set the `value` prop.
- * ```
- * moment().format(Date.momentFormat);
- * ```
- * @public
- * @name momentFormat
- * @memberOf Date
- * @type string
- */
-declare const momentFormat = "YYYY-MM-DD";
+type DateProps = ComponentProps<DatePropsBaseControlled | DatePropsBaseUncontrolled, 'div'>;
 declare const validateValue: (value: string | undefined) => void;
-declare class Date extends Component<DateProps, DateState> {
-    private controlledExternally;
-    private focusCalledInternally;
-    private popoverId;
-    private calendarRef;
-    private openWithFocus;
-    static propTypes: React.WeakValidationMap<DateProps>;
-    static defaultProps: Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">>;
-    constructor(props: Readonly<DateProps>);
-    componentDidUpdate(prevProps: Readonly<DateProps>, prevState: Readonly<DateState>): void;
-    private getValue;
-    private getTextInputValue;
-    private applyTextChange;
-    private handleDateChange;
-    private handleFocus;
-    private handleClick;
-    private handleInputChange;
-    private handleKeyDown;
-    private handleMount;
-    private handleInputMount;
-    private handleRequestClose;
-    private isControlled;
-    /**
-     * Place focus on the input.
-     */
-    focus(): void;
-    render(): JSX.Element;
+declare function Date({ defaultValue, disabled, elementRef, highlightToday, inline, inputOnly, locale, name, onChange, onClick, onFocus, onKeyDown, value: valueProp, ...otherProps }: DateProps): React.JSX.Element;
+declare namespace Date {
+    var propTypes: {
+        defaultValue: PropTypes.Requireable<string>;
+        describedBy: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<boolean>;
+        highlightToday: PropTypes.Requireable<boolean>;
+        inline: PropTypes.Requireable<boolean>;
+        inputId: PropTypes.Requireable<string>;
+        inputOnly: PropTypes.Requireable<boolean>;
+        labelledBy: PropTypes.Requireable<string>;
+        locale: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<string>;
+    };
+    var momentFormat: string;
 }
-declare const DateWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<DatePropsBaseControlled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, "slot" | "style" | "title" | "children" | "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" | "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" | "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" | "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 DatePropsBaseControlled> & Pick<PropTypes.InferProps<React.WeakValidationMap<DateProps>>, "inlist"> & Pick<DatePropsBaseControlled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, never>, "slot" | "style" | "title" | "children" | "name" | "elementRef" | "value" | "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" | "splunkTheme" | "inputId" | "labelledBy" | "describedBy"> & Partial<Pick<Pick<DatePropsBaseControlled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, "slot" | "style" | "title" | "children" | "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" | "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" | "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" | "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 DatePropsBaseControlled> & Pick<PropTypes.InferProps<React.WeakValidationMap<DateProps>>, "inlist"> & Pick<DatePropsBaseControlled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, never>, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Partial<Pick<Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">>, never>> & {
-    ref?: React.Ref<Date> | undefined;
-}, "splunkTheme"> | Omit<Pick<Pick<DatePropsBaseUncontrolled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, "slot" | "style" | "title" | "children" | "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" | "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" | "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" | "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 DatePropsBaseUncontrolled> & Pick<PropTypes.InferProps<React.WeakValidationMap<DateProps>>, "inlist"> & Pick<DatePropsBaseUncontrolled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, never>, "slot" | "style" | "title" | "children" | "name" | "elementRef" | "value" | "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" | "splunkTheme" | "inputId" | "labelledBy" | "describedBy"> & Partial<Pick<Pick<DatePropsBaseUncontrolled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, "slot" | "style" | "title" | "children" | "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" | "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" | "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" | "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 DatePropsBaseUncontrolled> & Pick<PropTypes.InferProps<React.WeakValidationMap<DateProps>>, "inlist"> & Pick<DatePropsBaseUncontrolled & Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "defaultValue" | "disabled" | "inline" | "css" | "error" | "splunkTheme" | "inputId" | "labelledBy" | "locale" | "highlightToday" | "describedBy" | "inputOnly">, never>, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">> & Partial<Pick<Required<Pick<DatePropsBase, "disabled" | "inline" | "error" | "locale" | "highlightToday" | "inputOnly">>, never>> & {
-    ref?: React.Ref<Date> | undefined;
-}, "splunkTheme">> & {
-    momentFormat: typeof momentFormat;
-};
-export default DateWithTheme;
-export { Date as DateWithoutTheme };
+export default Date;
 export { DateBlurHandler, DateChangeHandler, DateFocusHandler, validateValue };
 export type { DatePropsBase, DatePropsBaseControlled, DatePropsBaseUncontrolled };

package/types/src/Date/Icon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function CalendarIcon(props: SVGPropsOptionalViewBox): JSX.Element;
+export default function CalendarIcon(props: SVGPropsOptionalViewBox): React.JSX.Element;

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

@@ -1,10 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { DateChangeHandler } from '@splunk/react-ui/Date';
 declare class Controlled extends Component<{}, {
     value: string;
 }> {
     constructor(props: {});
     handleChange: DateChangeHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Controlled;

package/types/src/Date/docs/examples/CustomDate.d.ts

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

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

@@ -1,10 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { DateChangeHandler } from '@splunk/react-ui/Date';
 declare class HighlightToday extends Component<{}, {
     value: string;
 }> {
     constructor(props: {});
     handleChange: DateChangeHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default HighlightToday;

package/types/src/Date/docs/examples/WithoutCalendar.d.ts

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

package/types/src/DefinitionList/DefinitionList.d.ts

@@ -12,15 +12,20 @@ interface DefinitionListPropsBase {
     /**
      * Defines the width of an item on the list.
      */
-    termWidth?: number | string;
+    termWidth?: string;
+    /**
+     * Sets the character used to separate key-value pair.
+     */
+    separatorCharacter?: '.' | string;
 }
 type DefinitionListProps = ComponentProps<DefinitionListPropsBase, 'dl'>;
-declare function DefinitionList({ children, elementRef, termWidth, ...otherProps }: DefinitionListProps): JSX.Element;
+declare function DefinitionList({ children, elementRef, termWidth, separatorCharacter, ...otherProps }: DefinitionListProps): React.JSX.Element;
 declare namespace DefinitionList {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
-        termWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        termWidth: PropTypes.Requireable<string>;
+        separatorCharacter: PropTypes.Requireable<string | PropTypes.Requireable<string>>;
     };
     var Description: typeof import("./Description").default;
     var Term: typeof import("./Term").default;

package/types/src/DefinitionList/DefinitionListContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface DefinitionListContextValue {
+    separatorCharacter?: '.' | string;
+    termWidth?: string;
+}
+declare const DefinitionListContext: import("react").Context<DefinitionListContextValue>;
+export { DefinitionListContext };

package/types/src/DefinitionList/Description.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface DescriptionPropsBase {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -12,10 +12,10 @@ type DescriptionProps = ComponentProps<DescriptionPropsBase, 'dd'>;
 /**
  * Container component for a `DefinitionList` description.
  */
-declare function Description({ children, elementRef, ...otherProps }: DescriptionProps): JSX.Element;
+declare function Description({ children, elementRef, ...otherProps }: DescriptionProps): React.JSX.Element;
 declare namespace Description {
     var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         elementRef: PropTypes.Requireable<object>;
     };
 }

package/types/src/DefinitionList/Term.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface TermPropsBase {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -12,10 +12,10 @@ type TermProps = ComponentProps<TermPropsBase, 'dt'>;
 /**
  * Container component for a `DefinitionList` term.
  */
-declare function Term({ children, elementRef, ...otherProps }: TermProps): JSX.Element;
+declare function Term({ children, elementRef, ...otherProps }: TermProps): React.JSX.Element;
 declare namespace Term {
     var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         elementRef: PropTypes.Requireable<object>;
     };
 }

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

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

package/types/src/DefinitionList/docs/examples/EmptyDescription.d.ts

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

package/types/src/DefinitionList/docs/examples/WithSeparator.d.ts

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

package/types/src/Divider/Divider.d.ts

@@ -14,7 +14,7 @@ interface DividerPropsBase {
     decorative?: boolean;
 }
 type DividerProps = ComponentProps<DividerPropsBase, 'hr' | 'div'>;
-declare function Divider({ elementRef, decorative, orientation, ...otherProps }: DividerProps): JSX.Element;
+declare function Divider({ elementRef, decorative, orientation, ...otherProps }: DividerProps): React.JSX.Element;
 declare namespace Divider {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

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

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

package/types/src/Divider/docs/examples/Decorative.d.ts

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

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

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

package/types/src/Dropdown/Dropdown.d.ts

@@ -1,7 +1,6 @@
-import React, { Component } from 'react';
-import { ClassComponentProps } from '../utils/types';
-/** @public */
-type ComponentWithFocus = React.Component & Pick<HTMLOrSVGElement, 'focus'>;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type DropdownChildrenRenderer = (data: {
     anchorHeight: number | null;
@@ -29,7 +28,7 @@ type DropdownRequestOpenHandler = (event: React.MouseEvent<HTMLElement> | React.
 type DropdownToggleElement = React.ReactElement<React.HTMLAttributes<HTMLElement> & {
     'data-test-popover-id'?: string;
     'data-test'?: string;
-    ref?: React.Ref<ComponentWithFocus | HTMLElement | null>;
+    ref?: React.Ref<HTMLElement | null>;
 }>;
 interface DropdownPropsBase {
     /**
@@ -39,7 +38,7 @@ interface DropdownPropsBase {
      * TODO: SUI-5101 Allow users to supply align prop in Popover and Dropdowns
      * @private
      */
-    align?: 'center' | 'edge' | 'theme' | 'end';
+    align?: 'center' | 'edge' | 'end';
     /**
      * Enables the `Dropdown` to be rendered over the toggle
      * if there isn't enough room to render it in a direction.
@@ -114,12 +113,11 @@ interface DropdownPropsBase {
      * A toggle, such as a button or equivalent component that accepts `ref`, must be passed.
      * `aria-haspopup`, `aria-expanded`, and `aria-controls` attributes are applied to the toggle to support accessibility.
      * The result of the `ref` placed on the toggle must be an instance of `HTMLElement`. Results that are instances
-     * of class components are not supported. `Button`, `Clickable`, and `Link` are exempt from this restriction.
+     * of class components are not supported.
      * Also see ["Forwarding Refs"](https://reactjs.org/docs/forwarding-refs.html).
      */
     toggle: DropdownToggleElement;
 }
-declare const defaultProps: Required<Pick<DropdownPropsBase, 'align' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'openWithArrowKeys' | 'takeFocus'>>;
 interface DropdownPropsBaseControlled extends DropdownPropsBase {
     onRequestClose: DropdownRequestCloseHandler;
     onRequestOpen: DropdownRequestOpenHandler;
@@ -128,41 +126,28 @@ interface DropdownPropsBaseControlled extends DropdownPropsBase {
 interface DropdownPropsBaseUncontrolled extends DropdownPropsBase {
     open?: never;
 }
-type DropdownProps = ClassComponentProps<DropdownPropsBaseControlled | DropdownPropsBaseUncontrolled, typeof defaultProps, 'div'>;
-interface DropdownState {
-    anchor: HTMLElement | null;
-    open: boolean;
-}
-declare const legacyRefMode: unique symbol;
-declare class Dropdown extends Component<DropdownProps, DropdownState> {
-    private controlledExternally;
-    private popoverId;
-    private toggleRef;
-    private toggleId;
-    /**
-     * Enumeration of the possible reasons for closing the Select.
-     * 'clickAway', 'escapeKey', and 'offScreen' are inherited from Popover, but repeated here for
-     * docs extraction.
-     */
-    static possibleCloseReasons: DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<DropdownProps>;
-    static defaultProps: Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "openWithArrowKeys">>;
-    constructor(props: Readonly<DropdownProps>);
-    componentDidUpdate(): void;
-    private handleToggleMount;
-    private handleToggleClick;
-    private handleToggleKeyDownOpen;
-    private handleRequestClose;
-    private handleContentClick;
-    private isOpen;
-    /**
-     * Places focus on the toggle.
-     */
-    focus(): void;
-    private isControlled;
-    private renderToggle;
-    render(): JSX.Element;
+type DropdownProps = ComponentProps<DropdownPropsBaseControlled | DropdownPropsBaseUncontrolled, 'div'>;
+declare function Dropdown({ 'aria-labelledby': ariaLabelledBy, align, canCoverAnchor, children, closeReasons, defaultPlacement, elementRef, focusToggleReasons, inputId, open: openProp, openWithArrowKeys, onRequestClose, onRequestOpen, repositionMode, retainFocus, takeFocus, toggle, }: DropdownProps): React.JSX.Element;
+declare namespace Dropdown {
+    var propTypes: {
+        align: PropTypes.Requireable<string>;
+        canCoverAnchor: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        closeReasons: PropTypes.Requireable<(DropdownPossibleCloseReason | null | undefined)[]>;
+        defaultPlacement: PropTypes.Requireable<string>;
+        elementRef: PropTypes.Requireable<object>;
+        focusToggleReasons: PropTypes.Requireable<(DropdownPossibleCloseReason | null | undefined)[]>;
+        inputId: PropTypes.Requireable<string>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        openWithArrowKeys: PropTypes.Requireable<boolean>;
+        repositionMode: PropTypes.Requireable<string>;
+        retainFocus: PropTypes.Requireable<boolean>;
+        takeFocus: PropTypes.Requireable<boolean>;
+        toggle: PropTypes.Validator<PropTypes.ReactElementLike>;
+    };
+    var possibleCloseReasons: DropdownPossibleCloseReason[];
 }
 export default Dropdown;
-export { legacyRefMode };
-export type { ComponentWithFocus, DropdownChildrenRenderer, DropdownPlacement, DropdownPlacementStatus, DropdownPossibleCloseReason, DropdownRequestCloseHandler, DropdownRequestOpenHandler, DropdownToggleElement, };
+export type { DropdownChildrenRenderer, DropdownPlacement, DropdownPlacementStatus, DropdownPossibleCloseReason, DropdownRequestCloseHandler, DropdownRequestOpenHandler, DropdownToggleElement, };

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

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

package/types/src/Dropdown/docs/examples/ControlledDropdown.d.ts

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

package/types/src/Dropdown/docs/examples/Dialog.d.ts

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

package/types/src/Dropdown/docs/examples/ScrollContainer.d.ts

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

package/types/src/Dropdown/docs/examples/ScrollingMenu.d.ts

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

package/types/src/Dropdown/docs/examples/Submenu.d.ts

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

package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts

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

package/types/src/DualListbox/DualListbox.d.ts

@@ -78,7 +78,7 @@ interface DualListboxPropsBase {
     onSelect?: DualListboxSelectHandler;
 }
 type DualListboxProps = ComponentProps<DualListboxPropsBase, 'div'>;
-declare function DualListbox({ children, controlled, fill, inline, onChange, onSelect, lists, ...otherProps }: DualListboxProps): JSX.Element;
+declare function DualListbox({ children, controlled, fill, inline, onChange, onSelect, lists, ...otherProps }: DualListboxProps): React.JSX.Element;
 declare namespace DualListbox {
     var propTypes: React.WeakValidationMap<DualListboxPropsBase>;
     var Option: typeof import("./Option").default;