@splunk/react-ui 5.2.0 → 5.3.0

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

@@ -1,6 +1,7 @@
 import React from 'react';
 interface LineNumbersProps {
+    containerAppearance: 'none' | 'section';
     value?: string;
 }
-declare function LineNumbers({ value }: LineNumbersProps): React.JSX.Element;
+declare function LineNumbers({ containerAppearance, value }: LineNumbersProps): React.JSX.Element;
 export default LineNumbers;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * @name Customize container
+ * @description Use containerAppearance="section" when you need a defined container for Code.
+ */
+declare function CustomizeContainer(): React.JSX.Element;
+export default CustomizeContainer;

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

@@ -1,14 +1,14 @@
 import React, { Component } from 'react';
-import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+import { CheckboxChangeHandler } from '@splunk/react-ui/Checkbox';
 /**
  * @name Customized label target
  * @description Change the focus/activation target that should be linked to the label.
  */
 declare class CustomizedLabelTarget extends Component<object, {
-    values: number[];
+    values: string[];
 }> {
     constructor(props: object);
-    handleClick: SwitchClickHandler;
+    handleClick: CheckboxChangeHandler;
     render(): React.JSX.Element;
 }
 export default CustomizedLabelTarget;

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

@@ -17,6 +17,8 @@ type DateFocusHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
     value: string;
 }) => void;
 interface DatePropsBase {
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * Include an "X" button to clear the value.
      */
@@ -71,6 +73,8 @@ interface DatePropsBase {
     onClick?: React.MouseEventHandler<HTMLInputElement>;
     onFocus?: DateFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /**
      * Setting this value makes the property controlled. An onChange callback is required.
      *
@@ -93,9 +97,10 @@ interface DatePropsBaseUncontrolled extends DatePropsBase {
 }
 type DateProps = ComponentProps<DatePropsBaseControlled | DatePropsBaseUncontrolled, 'div'>;
 declare const validateValue: (value: string | undefined) => void;
-declare function Date({ canClear, defaultValue, disabled, elementRef, highlightToday, inline, inputOnly, locale, name, onChange, onClick, onFocus, onKeyDown, value: valueProp, ...otherProps }: DateProps): React.JSX.Element;
+declare function Date({ append, canClear, defaultValue, disabled, elementRef, highlightToday, inline, inputOnly, locale, name, onChange, onClick, onFocus, onKeyDown, prepend, value: valueProp, ...otherProps }: DateProps): React.JSX.Element;
 declare namespace Date {
     var propTypes: {
+        append: PropTypes.Requireable<boolean>;
         canClear: PropTypes.Requireable<boolean>;
         defaultValue: PropTypes.Requireable<string>;
         describedBy: PropTypes.Requireable<string>;
@@ -114,6 +119,7 @@ declare namespace Date {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        prepend: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string>;
     };
     var momentFormat: string;

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

@@ -8,6 +8,7 @@ interface DefinitionListPropsBase {
     /**
      * Defines the width of the `Description`.
      * Can be set to a specific pixel or string value. If not specified, will fill to take up available space.
+     * This prop is ignored when `layout="stacked"`.
      */
     descriptionWidth?: string;
     /**
@@ -19,17 +20,21 @@ interface DefinitionListPropsBase {
      *
      * - `fixed`: The `Term` uses a fixed width. The `Description` fills remaining available space.
      * - `auto`: Both `Term` and `Description` size proportionally based on their container, taking an equal portion of available space.
+     * - `stacked`: `Term` is displayed above the `Description`. Custom `termWidth` and `descriptionWidth` are ignored. Both `Term` and `Description` size proportionally.
+     *
      * `fixed` layout is the current default. In the next major version, this prop will default to `auto`.
      */
-    layout?: 'fixed' | 'auto';
+    layout?: 'fixed' | 'auto' | 'stacked';
     /**
      * Sets the character used to separate key-value pair.
+     * Only supported in `layout="fixed"` and `layout="auto"`. Will not be rendered in `layout="stacked"`.
      */
     separatorCharacter?: string;
     /**
      * Defines the width of the `Term`.
      * Can be set to a specific pixel or string value.
-     * The default value is ignored when layout="auto"
+     * The default value is ignored when `layout="auto"`.
+     * This prop is ignored when `layout="stacked"`.
      */
     termWidth?: string;
 }

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

@@ -1,6 +1,6 @@
 interface DefinitionListContextValue {
     descriptionWidth?: string;
-    layout: 'fixed' | 'auto';
+    layout: 'fixed' | 'auto' | 'stacked';
     separatorCharacter?: '.' | string;
     termWidth?: string;
 }

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import Option from './Option';
 import { ComponentProps } from '../utils/types';
 /** @public */
-type DualListboxSelectHandler = (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLUListElement>, data: {
+type DualListboxSelectHandler = (event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLUListElement> | React.ChangeEvent<HTMLInputElement>, data: {
     /**
      * The list `name` associated to the batch action.
      */

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SwitchCheckboxWithSomeClickHandler } from '@splunk/react-ui/Switch';
+import { CheckboxChangeHandler } from '@splunk/react-ui/Checkbox';
 import { ComponentProps } from '../utils/types';
-type ListboxLabelSwitchClickHandler = SwitchCheckboxWithSomeClickHandler;
+type ListboxLabelCheckboxChangeHandler = CheckboxChangeHandler;
 interface ListboxLabelPropsBase {
     /**
-     * ID for the label. Used to label the switch and associated listbox.
+     * ID for the label. Used to label the checkbox and associated listbox.
      */
     id: string;
     /**
@@ -20,18 +20,18 @@ interface ListboxLabelPropsBase {
      */
     name: string;
     /**
-     * Toggle callback for the "select-all" switch.
+     * Toggle callback for the "select-all" checkbox.
      */
-    onSwitchClick: ListboxLabelSwitchClickHandler;
+    onCheckboxChange: ListboxLabelCheckboxChangeHandler;
     /**
      * The value of this option and the label shown for it.
      */
     value: string;
 }
 type ListboxLabelProps = ComponentProps<ListboxLabelPropsBase, 'div'>;
-declare function ListboxLabel({ id, index, listId, name, onSwitchClick, value }: ListboxLabelProps): React.JSX.Element | null;
+declare function ListboxLabel({ id, index, listId, name, onCheckboxChange, value }: ListboxLabelProps): React.JSX.Element | null;
 declare namespace ListboxLabel {
     var propTypes: React.WeakValidationMap<ListboxLabelPropsBase>;
 }
 export default ListboxLabel;
-export { ListboxLabelSwitchClickHandler };
+export { ListboxLabelCheckboxChangeHandler };

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

@@ -7,9 +7,9 @@ type ListboxClickHandler = (event: React.MouseEvent<HTMLLIElement> | React.Keybo
 type ListboxKeyDownHandler = (event: React.KeyboardEvent<HTMLUListElement>, data: {
     name: string;
 }) => void;
-type ListboxSelectAllClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+type ListboxSelectAllClickHandler = (event: React.ChangeEvent<HTMLInputElement>, data: {
     name: string;
-    selected: true | false | 'some';
+    selected: true | false | 'indeterminate';
 }) => void;
 interface ListboxPropsBase {
     /**

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

@@ -10,7 +10,7 @@ export type GetOptionStateHandler = (value: string) => {
 };
 export type GetLabelStateHandler = () => {
     disabled: boolean;
-    selected: boolean | 'some';
+    selected: boolean | 'indeterminate';
     selectedValueCount: number;
     valueCount: number;
 };

package/types/src/File/File.d.ts

@@ -49,6 +49,11 @@ interface FilePropsBase {
     fullscreen?: boolean;
     /** Show help text. */
     help?: React.ReactNode;
+    /**
+     * An id for the input, which may be necessary for accessibility, such as for aria
+     * attributes.
+     */
+    inputId?: string;
     /** The name is returned with onRequestAdd and onRequestRemove events,
      * which can be used to identify the
      * control when multiple controls share an onChange callback. */
@@ -74,7 +79,7 @@ type FileProps = ComponentProps<FilePropsBase, 'div'>;
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */
-declare function File({ accept, allowMultiple, children, disabled, dropAnywhere, elementRef, error, fullscreen, help, name, onRequestAdd, onRequestRemove, onRequestRetry, required, supportsMessage: supportsMessageProp, ...otherProps }: FileProps): React.JSX.Element;
+declare function File({ accept, allowMultiple, children, disabled, dropAnywhere, elementRef, error, fullscreen, help, inputId: inputIdProp, name, onRequestAdd, onRequestRemove, onRequestRetry, required, supportsMessage: supportsMessageProp, ...otherProps }: FileProps): React.JSX.Element;
 declare namespace File {
     var propTypes: {
         accept: PropTypes.Requireable<string>;
@@ -86,6 +91,7 @@ declare namespace File {
         fullscreen: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         help: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        inputId: PropTypes.Requireable<string>;
         name: PropTypes.Requireable<string>;
         onRequestAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRequestRemove: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/JSONTree/JSONTreeItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { TreeItemPropsBase } from '@splunk/react-ui/Tree';
 import { JSONElement } from './JSONTree';
-import { TreeItemPropsBase } from '../Tree';
 import { ComponentProps } from '../utils/types';
 export type ExpandLinkRenderer = (params: {
     onToggleExpansion: (event: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLSpanElement>, data?: {
@@ -20,6 +20,7 @@ interface JSONTreeItemPropsBase extends TreeItemPropsBase {
     indentArray?: string[];
     index: number;
     initialOpenState: boolean;
+    isRoot?: boolean;
     properties?: string[];
     propertyDataPath: string;
     propertyElement?: JSX.Element | undefined;
@@ -28,7 +29,7 @@ interface JSONTreeItemPropsBase extends TreeItemPropsBase {
     value?: JSONElement;
 }
 type JSONTreeItemProps = ComponentProps<JSONTreeItemPropsBase, 'li'>;
-export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): React.JSX.Element;
+export declare function JSONTreeItem({ clickableKeyRef, clickableValRef, hasChildren, indentArray, index, initialOpenState, isRoot, onFocus, properties, propertyDataPath, propertyElement, renderExpandLink, representation, value, ...otherProps }: JSONTreeItemProps): React.JSX.Element;
 export declare namespace JSONTreeItem {
     var propTypes: {
         clickableKeyRef: PropTypes.Requireable<object>;
@@ -37,6 +38,7 @@ export declare namespace JSONTreeItem {
         indentArray: PropTypes.Requireable<(string | null | undefined)[]>;
         index: PropTypes.Requireable<number>;
         initialOpenState: PropTypes.Requireable<boolean>;
+        isRoot: PropTypes.Requireable<boolean>;
         properties: PropTypes.Requireable<(string | null | undefined)[]>;
         propertyDataPath: PropTypes.Requireable<string>;
         propertyElement: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/JSONTree/renderTreeItems.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { JSONElement, JSONTreeClickKeyHandler, JSONTreeClickValueHandler } from './JSONTree';
 type RenderTreeItemsProps = {
+    baseId: string;
     defaultOpen?: boolean;
     defaultExpanded?: boolean;
     expandChildrenOnShiftKey?: boolean;
@@ -14,5 +15,5 @@ type RenderTreeItemsProps = {
     shift?: boolean;
     updateShift: ((newShift: boolean) => void) | undefined;
 };
-export declare function renderTreeItems({ defaultOpen, defaultExpanded, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): React.JSX.Element | React.JSX.Element[];
+export declare function renderTreeItems({ baseId, defaultOpen, defaultExpanded, expandChildrenOnShiftKey, indent, indentLevel, obj, onClickKey, onClickValue, overflow, path, shift, updateShift, }: RenderTreeItemsProps): React.JSX.Element | React.JSX.Element[];
 export {};

package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts

@@ -3,9 +3,10 @@ import { ComponentProps } from '../../utils/types';
 import { StyledCodeBlock } from '../MarkdownStyles';
 interface MarkdownCodeBlockPropsBase {
     children: React.ReactNode[];
+    containerAppearance?: 'none' | 'section';
     language?: string;
 }
 type MarkdownCodeBlockProps = ComponentProps<MarkdownCodeBlockPropsBase, 'div'>;
-declare function MarkdownCodeBlock({ children, language, ...otherProps }: MarkdownCodeBlockProps): React.JSX.Element;
+declare function MarkdownCodeBlock({ children, containerAppearance, language, ...otherProps }: MarkdownCodeBlockProps): React.JSX.Element;
 export default MarkdownCodeBlock;
 export { StyledCodeBlock };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
  * @name Dimmed
- * @description If you absolutely need to disable a Menu Item use a dimmed Menu Item. When the disabled prop is set to "dimmed", the Menu Item does not respond to events but can still receive focus to ensure users can navigate to the Item when using assistive technologies. This also sets aria-disabled to true.
+ * @description Rendering a 'dimmed' Menu Item ensures the Menu Item is still discoverable and can receive focus, but the Menu Item cannot not be activated by the user.
  */
 declare function Dimmed(): React.JSX.Element;
 export default Dimmed;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 /**
  * @name Disabled
+ * @description Consider using a 'dimmed' Menu Item. Disabling Menu Items creates barriers for all users and can exclude people with disabilities. If necessary, a Menu Item can be completely disabled by setting disabled='disabled'. In these cases, consider contacting us to collaborate on alternatives for a more inclusive experience.
  */
 declare function Disabled(): React.JSX.Element;
 export default Disabled;

package/types/src/Multiselect/Compact.d.ts

@@ -9,6 +9,8 @@ interface CompactPropsBase {
      * Allow the user to add arbitrary values.
      */
     allowNewValues?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * `children` should be `Multiselect.Option`, `Multiselect.Heading`, or
      * `Multiselect.Divider`.
@@ -119,6 +121,8 @@ interface CompactPropsBase {
      * If 'value' is undefined or don't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /**
      * See `repositionMode` on `Popover` for details.
      */
@@ -151,11 +155,12 @@ interface CompactPropsBase {
     toggle?: SelectBaseProps['toggle'];
 }
 type CompactProps = ComponentProps<CompactPropsBase, 'button'>;
-declare function Compact({ allowNewValues, animateLoading, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: CompactProps): React.JSX.Element;
+declare function Compact({ allowNewValues, animateLoading, append, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: CompactProps): React.JSX.Element;
 declare namespace Compact {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         controlledFilter: PropTypes.Requireable<boolean>;
         defaultPlacement: PropTypes.Requireable<string>;
@@ -182,6 +187,7 @@ declare namespace Compact {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;
         selectAllAppearance: PropTypes.Requireable<string>;
         showSelectedValuesFirst: PropTypes.Requireable<string>;

package/types/src/Multiselect/Multiselect.d.ts

@@ -23,6 +23,8 @@ interface MultiselectPropsBase {
      */
     allowNewValues?: boolean;
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * When compact, options are shown as checkboxes and the input is a single line. This is
      * useful when placing the Multiselect in a horizontal bar, such as a filter.
@@ -143,6 +145,8 @@ interface MultiselectPropsBase {
      * If 'value' is undefined or doesn't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /**
      * See `repositionMode` on `Popover` for details.
      */
@@ -198,7 +202,7 @@ interface MultiselectPropsBaseCompact extends MultiselectPropsBase {
 type MultiselectNormalProps = ComponentProps<(MultiselectPropsBaseControlled | MultiselectPropsBaseUncontrolled) & MultiselectPropsBaseNormal, 'div'>;
 type MultiselectCompactProps = ComponentProps<(MultiselectPropsBaseControlled | MultiselectPropsBaseUncontrolled) & MultiselectPropsBaseCompact, 'button'>;
 type MultiselectProps = MultiselectNormalProps | MultiselectCompactProps;
-declare function Multiselect({ allowNewValues, animateLoading, compact, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: MultiselectProps): React.JSX.Element;
+declare function Multiselect({ allowNewValues, animateLoading, append, compact, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onOpen, onScroll, onScrollBottom, placeholder, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, tabConfirmsNewValue, values, virtualization, ...otherProps }: MultiselectProps): React.JSX.Element;
 declare namespace Multiselect {
     var componentType: string;
     var Option: typeof import("./Option").default;
@@ -207,6 +211,7 @@ declare namespace Multiselect {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         compact: PropTypes.Requireable<boolean>;
         controlledFilter: PropTypes.Requireable<boolean>;
@@ -234,6 +239,7 @@ declare namespace Multiselect {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;
         selectAllAppearance: PropTypes.Requireable<string>;
         showSelectedValuesFirst: PropTypes.Requireable<string>;

package/types/src/Multiselect/Normal.d.ts

@@ -8,6 +8,8 @@ interface NormalPropsBase {
      */
     allowNewValues?: boolean;
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /**
      * `children` should be `Multiselect.Option`, `Multiselect.Heading`, or
      * `Multiselect.Divider`.
@@ -107,6 +109,8 @@ interface NormalPropsBase {
      * If 'value' is undefined or don't match an item, the Button will display this text.
      */
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /** @private. */
     required?: boolean;
     /**
@@ -123,11 +127,12 @@ interface NormalPropsBase {
 }
 export declare const getInlineMenuStyle: (({ anchorWidth, maxHeight, menuStyle }: any) => any) & import("lodash").MemoizedFunction;
 type NormalProps = ComponentProps<NormalPropsBase, 'div'>;
-declare function Normal({ allowNewValues, animateLoading, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, footerMessage, inline, inputId, inputRef: inputRefProp, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onScroll, onScrollBottom, onOpen, placeholder, required, repositionMode, tabConfirmsNewValue, values, ...otherProps }: NormalProps): React.JSX.Element;
+declare function Normal({ allowNewValues, animateLoading, append, children, controlledFilter, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, footerMessage, inline, inputId, inputRef: inputRefProp, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFilterChange, onScroll, onScrollBottom, onOpen, placeholder, prepend, required, repositionMode, tabConfirmsNewValue, values, ...otherProps }: NormalProps): React.JSX.Element;
 declare namespace Normal {
     var propTypes: {
         allowNewValues: PropTypes.Requireable<boolean>;
         animateLoading: PropTypes.Requireable<boolean>;
+        append: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         controlledFilter: PropTypes.Requireable<boolean>;
         defaultPlacement: PropTypes.Requireable<string>;
@@ -153,6 +158,7 @@ declare namespace Normal {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<string>;
+        prepend: PropTypes.Requireable<boolean>;
         /** @private. */
         required: PropTypes.Requireable<boolean>;
         repositionMode: PropTypes.Requireable<string>;

package/types/src/Search/Search.d.ts

@@ -19,6 +19,8 @@ type SearchFocusHandler = (event: React.FocusEvent<HTMLInputElement>, data: {
 }) => void;
 interface SearchPropsBase {
     animateLoading?: boolean;
+    /** Append removes rounded borders and the border from the right side. */
+    append?: boolean;
     /** All children must be instances of `Search.Option`. */
     children?: React.ReactNode;
     /**
@@ -87,6 +89,8 @@ interface SearchPropsBase {
      */
     onOpen?: () => void;
     placeholder?: string;
+    /** Prepend removes rounded borders from the left side. */
+    prepend?: boolean;
     /** The value of the input. Only applicable in controlled mode. */
     value?: string;
 }
@@ -100,7 +104,7 @@ interface SearchPropsBaseUncontrolled extends SearchPropsBase {
     value?: never;
 }
 type SearchProps = ComponentProps<SearchPropsBaseControlled | SearchPropsBaseUncontrolled, 'div'>;
-declare function Search({ animateLoading, children, defaultPlacement, defaultValue, describedBy, disabled, elementRef, error, footerMessage, inline, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFocus, onKeyDown, onOpen, placeholder, value: propValue, ...otherProps }: SearchProps): React.JSX.Element;
+declare function Search({ animateLoading, append, children, defaultPlacement, defaultValue, describedBy, disabled, elementRef, error, footerMessage, inline, inputRef, isLoadingOptions, labelledBy, loadingMessage, menuStyle, name, noOptionsMessage, onChange, onClose, onFocus, onKeyDown, onOpen, placeholder, prepend, value: propValue, ...otherProps }: SearchProps): React.JSX.Element;
 declare namespace Search {
     var propTypes: React.WeakValidationMap<SearchPropsBase>;
     var Option: typeof import("./Option").default;

package/types/src/Switch/Switch.d.ts

@@ -12,6 +12,12 @@ type SwitchCheckboxWithSomeClickHandler = (event: React.MouseEvent<HTMLButtonEle
     value?: any;
 }) => void;
 interface SwitchPropsBase {
+    /**
+     * Determines if the component renders as a checkbox or toggle.
+     *
+     * @deprecatedValue 'checkbox'
+     * The 'checkbox' value is deprecated and will be removed in a future major version.
+     */
     appearance?: 'checkbox' | 'toggle';
     children?: React.ReactNode;
     disabled?: boolean;
@@ -82,7 +88,7 @@ type SwitchProps = ComponentProps<SwitchCheckboxWithSomePropsBase | SwitchNoSome
 /**
  * `Switch` is a basic form control with an on/off state.
  */
-declare function Switch({ appearance, children, disabled, elementRef, error, id, inline, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
+declare function Switch({ appearance, children, disabled, elementRef, error, id, inline, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, role, tabIndex, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
 declare namespace Switch {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;

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

@@ -1,14 +1,6 @@
-import React, { Component } from 'react';
-import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+import React from 'react';
 /**
  * @name Basic
- * @description Some checkbox and toggle controls.
  */
-declare class Basic extends Component<object, {
-    values: number[];
-}> {
-    constructor(props: object);
-    handleClick: SwitchClickHandler;
-    render(): React.JSX.Element;
-}
+declare const Basic: () => React.JSX.Element;
 export default Basic;

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ComponentProps } from '@splunk/react-ui/utils/types';
+import { ComponentProps } from '../utils/types';
 interface ExpandButtonPropsBase {
     expanded?: boolean;
 }

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

@@ -94,6 +94,15 @@ interface TooltipPropsBase {
      * The onRequestClose and onRequestOpen callbacks are usually used.
      */
     open?: boolean;
+    /**
+     * Allows the `Tooltip` to point to and align with a different part of the anchor.
+     *
+     * This prop is forwarded to Popover. See `Popover`'s `pointTo` prop for more information.
+     */
+    pointTo?: {
+        x: number;
+        y: number;
+    };
     /** @private Generally passed by parent component rather than added directly. */
     prepend?: boolean;
     /**
@@ -122,7 +131,7 @@ type TooltipProps = ComponentProps<TooltipPropsBase, 'span'>;
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
  */
-declare function Tooltip({ appearance, append, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, prepend, ...otherProps }: TooltipProps): React.JSX.Element;
+declare function Tooltip({ appearance, append, children, closeDelay, closeWhen, content, contentRelationship, defaultPlacement, elementRef, inline, onRequestClose, onRequestOpen, open: openProp, openDelay, renderAnchor, pointTo, prepend, ...otherProps }: TooltipProps): React.JSX.Element;
 declare namespace Tooltip {
     var propTypes: {
         /** @private */
@@ -142,6 +151,10 @@ declare namespace Tooltip {
         onRequestOpen: PropTypes.Requireable<(...args: any[]) => any>;
         open: PropTypes.Requireable<boolean>;
         openDelay: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        pointTo: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>;
         /** @private */
         prepend: PropTypes.Requireable<boolean>;
         renderAnchor: PropTypes.Requireable<(...args: any[]) => any>;