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

package/types/src/ButtonSimple/ButtonSimple.d.ts

@@ -1,73 +1,54 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { AnyTheme } from '@splunk/themes';
+import React from 'react';
 import { ButtonVariant } from './ButtonSimpleStyles';
-import { ClassComponentProps } from '../utils/types';
-declare const appearances: ("default" | "flat" | "toggle" | "primary" | "secondary" | "destructive" | "subtle" | "pill")[];
+import buttonMixin from './mixin';
+import { ComponentProps } from '../utils/types';
+declare const appearances: readonly ["default", "secondary", "primary", "destructive", "destructiveSecondary", "subtle"];
 type Appearance = typeof appearances[number];
 interface ButtonSimplePropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes Enterprise themes support the following appearances: `default`, `primary`, `secondary`, `destructive` and `pill` (`pill` is deprecated). Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: Appearance;
     /** Removes the right border and border-radius of the button so you can
      * append things to it. */
     append?: boolean;
     children?: React.ReactNode;
-    /** Add a disabled attribute and prevent clicking. If set to `dimmed`,
-     * the button does not respond to mouse events but can still receive
-     * focus, and `aria-disabled` is set to `true`. */
-    disabled?: boolean | 'dimmed';
+    /**
+     * Prevents user interaction and adds disabled styling.
+     * If set to `dimmed`, the component is able to be focused, and is more easily located.
+     * If set to `disabled`, the disabled attribute is set which makes the component unable to be focused and more difficult to locate.
+     * The default behavior when `disabled={true}` is `dimmed`.
+     */
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * Adds error styling to the button and applies `aria-invalid`.
      */
-    error: boolean;
+    error?: boolean;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
     /**
-     * Restricts the horizontal size of the button. Set `inline` to false to
-     * remove the right margin and stretch the button to the full width of
-     * its container.  */
-    inline?: boolean;
+     * Converts the component from an action element (Button) into a control element (toggle).
+     * When `isMenu` is set to `true`, the styles of the default or subtle appearances are overridden
+     * to adapt the Button for use as a toggle for Dropdown/Select.
+     */
+    isMenu?: boolean;
     /** Opens the 'to' link in a new tab. */
     openInNewContext?: boolean;
     /** Removes the left border and border-radius of the button so you can
      * prepend things to it. */
     prepend?: boolean;
-    /** Adds the style to make the button appear selected. */
-    selected?: boolean;
-    /** @private */
-    splunkTheme: AnyTheme;
     /** Identifies the url for a link. If set, Splunk UI applies an <a> tag
      * instead of a <button> tag. */
     to?: string;
 }
-declare const defaultProps: Required<Pick<ButtonSimplePropsBase, 'appearance' | 'append' | 'disabled' | 'error' | 'inline' | 'openInNewContext' | 'prepend'>>;
-type ButtonSimpleButtonProps = ClassComponentProps<ButtonSimplePropsBase, typeof defaultProps, 'button'>;
-type ButtonSimpleLinkProps = ClassComponentProps<ButtonSimplePropsBase, typeof defaultProps, 'a', 'href'>;
+type ButtonSimpleButtonProps = ComponentProps<ButtonSimplePropsBase, 'button'>;
+type ButtonSimpleLinkProps = ComponentProps<ButtonSimplePropsBase, 'a', 'href'>;
 type ButtonSimpleProps = ButtonSimpleButtonProps | ButtonSimpleLinkProps;
-declare class ButtonSimple extends Component<ButtonSimpleProps> {
-    private component;
-    static defaultProps: Required<Pick<ButtonSimplePropsBase, "disabled" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend">>;
-    static propTypes: React.WeakValidationMap<ButtonSimpleProps>;
-    /**
-     * Places focus on the button.
-     */
-    focus(): void;
-    private handleMount;
-    private getVariant;
-    render(): JSX.Element;
-}
-declare const ButtonSimpleWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<ButtonSimpleButtonProps, "form" | "slot" | "style" | "title" | "name" | "value" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof ButtonSimplePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ButtonSimpleProps>>, "inlist"> & Pick<ButtonSimpleButtonProps, "form" | "name" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "form" | "slot" | "style" | "title" | "children" | "name" | "elementRef" | "value" | "to" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | "selected" | "splunkTheme"> & Partial<Pick<Pick<ButtonSimpleButtonProps, "form" | "slot" | "style" | "title" | "name" | "value" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "type" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof ButtonSimplePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ButtonSimpleProps>>, "inlist"> & Pick<ButtonSimpleButtonProps, "form" | "name" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "disabled" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend">> & Partial<Pick<Required<Pick<ButtonSimplePropsBase, "disabled" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend">>, never>> & {
-    ref?: React.Ref<ButtonSimple> | undefined;
-}, "splunkTheme"> | Omit<Pick<Pick<ButtonSimpleLinkProps, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "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" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof ButtonSimplePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ButtonSimpleProps>>, "inlist"> & Pick<ButtonSimpleLinkProps, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "slot" | "style" | "title" | "children" | "target" | "elementRef" | "to" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "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" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy" | "action" | "selected" | "splunkTheme"> & Partial<Pick<Pick<ButtonSimpleLinkProps, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "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" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof ButtonSimplePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<ButtonSimpleProps>>, "inlist"> & Pick<ButtonSimpleLinkProps, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "disabled" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend">> & Partial<Pick<Required<Pick<ButtonSimplePropsBase, "disabled" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend">>, never>> & {
-    ref?: React.Ref<ButtonSimple> | undefined;
-}, "splunkTheme">>;
-export default ButtonSimpleWithTheme;
-export type { ButtonSimple as ButtonSimpleWithoutTheme };
+declare const ButtonSimple: React.ForwardRefExoticComponent<ButtonSimpleProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default ButtonSimple;
+export { buttonMixin };
 export type { ButtonVariant };
 export type { ButtonSimplePropsBase };

package/types/src/ButtonSimple/mixin.d.ts

@@ -1,11 +1,10 @@
 import { AnyTheme, Interpolation, InterpolationResult, ThemedProps } from '@splunk/themes';
-declare const buttonVariants: readonly ["primary", "secondary", "destructive", "subtle"];
+declare const buttonVariants: readonly ["primary", "secondary", "destructive", "destructiveSecondary", "subtle"];
 type ButtonVariant = typeof buttonVariants[number];
 type ButtonStyleProps = ThemedProps & Partial<{
     $append: boolean;
     $prepend: boolean;
     $selected: boolean;
-    $error: boolean;
     disabled: boolean | string;
 }>;
 interface ButtonParams<T extends AnyTheme, A extends ThemedProps> {
@@ -16,12 +15,17 @@ interface ButtonParams<T extends AnyTheme, A extends ThemedProps> {
     backgroundHover?: InterpolationResult<T, A>;
     backgroundSelected?: InterpolationResult<T, A>;
     borderColor?: InterpolationResult<T, A>;
+    borderColorActive?: InterpolationResult<T, A>;
     borderColorDisabled?: InterpolationResult<T, A>;
+    borderColorHover?: InterpolationResult<T, A>;
     color?: InterpolationResult<T, A>;
+    colorActive?: InterpolationResult<T, A>;
     colorDisabled?: InterpolationResult<T, A>;
+    colorHover?: InterpolationResult<T, A>;
 }
 declare function button<T extends AnyTheme, A extends ButtonStyleProps>(): Interpolation<T, A>;
 declare function button<T extends AnyTheme, A extends ButtonStyleProps>(variant: ButtonVariant): Interpolation<T, A>;
 declare function button<T extends AnyTheme, A extends ButtonStyleProps>(params: ButtonParams<T, A>): Interpolation<T, A>;
 declare function button<T extends AnyTheme, A extends ButtonStyleProps>(variant: ButtonVariant, additionalParams: ButtonParams<T, A>): Interpolation<T, A>;
 export default button;
+export { ButtonVariant };

package/types/src/Calendar/Calendar.d.ts

@@ -43,8 +43,8 @@ type CalendarProps = ComponentProps<CalendarPropsBase, 'div'>;
 /**
  * Place focus on the active day.
  */
-declare const focusActiveDay: (calendarRef: React.MutableRefObject<HTMLDivElement | null | undefined>) => void;
-declare function Calendar({ describedBy, elementRef, highlightToday, labelledBy, locale, mockDate, onChange, required, value: valueProp, ...otherProps }: CalendarProps): JSX.Element;
+declare const focusActiveDay: (calendar: HTMLDivElement | null | undefined) => void;
+declare function Calendar({ describedBy, elementRef, highlightToday, labelledBy, locale, mockDate, onChange, required, value: valueProp, ...otherProps }: CalendarProps): React.JSX.Element;
 declare namespace Calendar {
     var propTypes: {
         describedBy: PropTypes.Requireable<string>;

package/types/src/Calendar/DateTable.d.ts

@@ -15,7 +15,7 @@ interface DateTablePropsBase {
     todayValue?: string;
 }
 type DateTableProps = ComponentProps<DateTablePropsBase, 'table'>;
-declare function DateTable({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateTableProps): JSX.Element;
+declare function DateTable({ displayValue, highlightToday, labelledBy, locale, onChange, onInternalChange, selectedValue, todayValue, ...otherProps }: DateTableProps): React.JSX.Element;
 declare namespace DateTable {
     var propTypes: {
         displayValue: PropTypes.Validator<string>;

package/types/src/Calendar/Day.d.ts

@@ -24,7 +24,7 @@ interface DayPropsBase {
     value: string;
 }
 type DayProps = ComponentProps<DayPropsBase, 'td'>;
-declare function Day({ active, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): JSX.Element;
+declare function Day({ active, locale, onClick, onKeyDown, selected, today, value, ...otherProps }: DayProps): React.JSX.Element;
 declare namespace Day {
     var propTypes: {
         active: PropTypes.Requireable<boolean>;

package/types/src/Calendar/MonthHeader.d.ts

@@ -11,7 +11,7 @@ interface MonthHeaderPropsBase {
     value: string;
 }
 type MonthHeaderProps = ComponentProps<MonthHeaderPropsBase, 'div'>;
-declare function MonthHeader({ headingId, locale, onChange, value, ...otherProps }: MonthHeaderProps): JSX.Element;
+declare function MonthHeader({ headingId, locale, onChange, value, ...otherProps }: MonthHeaderProps): React.JSX.Element;
 declare namespace MonthHeader {
     var propTypes: {
         headingId: PropTypes.Requireable<string>;

package/types/src/Card/Body.d.ts

@@ -16,7 +16,7 @@ type BodyProps = ComponentProps<BodyPropsBase, 'div'>;
 /**
  * A styled container for `Card` body content.
  */
-declare function Body({ children, inset, ...otherProps }: BodyProps): JSX.Element;
+declare function Body({ children, inset, ...otherProps }: BodyProps): React.JSX.Element;
 declare namespace Body {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Card/Card.d.ts

@@ -36,14 +36,9 @@ interface CardPropsBase {
     openInNewContext?: boolean;
     /**
      * Renders `Card` as selected if set to `true`. Use only when `onClick` is also provided.
+     * @deprecated This prop is deprecated and will be removed in the next major version.
      */
     selected?: boolean;
-    /**
-     * Includes a border on the `Card` if set to `true`.
-     * @excludeTheme prisma
-     * @deprecated
-     * */
-    showBorder?: boolean;
     /**
      * Takes a URL to go to when the `Card` is clicked.
      */
@@ -53,7 +48,7 @@ interface CardPropsBase {
     /** Overrides the HTML tag for the Card component. Defaults to `article`. */
     tag?: 'article' | 'div' | 'aside' | 'section';
 }
-declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext' | 'showBorder'>>;
+declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext'>>;
 interface CardPropsBaseNonClickable extends CardPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     onClick?: never;
@@ -78,12 +73,12 @@ type CardClickableLinkProps = ClassComponentProps<CardPropsBaseOnClickClickable
 type CardProps = CardNonClickableProps | CardClickableButtonProps | CardClickableLinkProps;
 declare class Card extends Component<CardProps, {}> {
     static propTypes: React.WeakValidationMap<CardProps>;
-    static defaultProps: Required<Pick<CardPropsBase, "openInNewContext" | "showBorder">>;
+    static defaultProps: Required<Pick<CardPropsBase, "openInNewContext">>;
     static Header: typeof Header;
     static Body: typeof Body;
     static Footer: typeof Footer;
     private handleCardClick;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Card;
 export { CardClickHandler, Header, Body, Footer };

package/types/src/Card/Footer.d.ts

@@ -7,23 +7,16 @@ interface FooterPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
-    /**
-     * Shows top border of footer.
-     * @excludeTheme prisma
-     * @deprecated
-     * */
-    showBorder?: boolean;
 }
 type FooterProps = ComponentProps<FooterPropsBase, 'div'>;
 /**
  * A styled container for `Card` footer content.
  */
-declare function Footer({ children, showBorder, ...otherProps }: FooterProps): JSX.Element;
+declare function Footer({ children, ...otherProps }: FooterProps): React.JSX.Element;
 declare namespace Footer {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
-        showBorder: PropTypes.Requireable<boolean>;
     };
 }
 export default Footer;

package/types/src/Card/Header.d.ts

@@ -16,7 +16,7 @@ interface HeaderPropsBase {
     /**
      * Adds a secondary actions dropdown menu to the header with an "Actions" label. Make this prop a `Menu`.
      *
-     * The `actions` prop is preferred so that a a custom and unambiguous label can be added.
+     * The `actions` prop is preferred so that a custom and unambiguous label can be added.
      */
     actionsSecondary?: React.ReactNode;
     /**
@@ -55,7 +55,7 @@ type HeaderProps = ComponentProps<HeaderWithActions | HeaderWithActionsRenderPro
 /**
  * A styled container for `Card` header content.
  */
-declare function Header({ actions, actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): JSX.Element;
+declare function Header({ actions, actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): React.JSX.Element;
 declare namespace Header {
     var propTypes: {
         actionPrimary: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Card/docs/examples/Actions.d.ts

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

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

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

package/types/src/Card/docs/examples/Full.d.ts

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

package/types/src/Card/docs/examples/Images.d.ts

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

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

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

package/types/src/CardLayout/CardLayout.d.ts

@@ -24,7 +24,7 @@ interface CardLayoutPropsBase {
     wrapCards?: boolean;
 }
 type CardLayoutProps = ComponentProps<CardLayoutPropsBase, 'div'>;
-declare function CardLayout({ alignCards, cardMaxWidth, cardMinWidth, cardWidth, children, elementRef, gutterSize, style, wrapCards, ...otherProps }: CardLayoutProps): JSX.Element;
+declare function CardLayout({ alignCards, cardMaxWidth, cardMinWidth, cardWidth, children, elementRef, gutterSize, style, wrapCards, ...otherProps }: CardLayoutProps): React.JSX.Element;
 declare namespace CardLayout {
     var propTypes: {
         alignCards: PropTypes.Requireable<string>;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { NumberChangeHandler } from '@splunk/react-ui/Number';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
 interface InteractiveState {
@@ -23,6 +23,6 @@ declare class Interactive extends Component<{}, InteractiveState> {
     }) => void;
     handleSetAsWidth: SwitchClickHandler;
     handleHasMaxWidth: SwitchClickHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Interactive;

package/types/src/Chip/Chip.d.ts

@@ -43,7 +43,7 @@ type ChipNonInteractiveProps = ComponentProps<ChipPropsBase, 'div'> & {
     onRequestRemove?: never;
 };
 type ChipProps = ChipInteractiveProps | ChipNonInteractiveProps;
-declare function Chip(props: ChipProps): JSX.Element;
+declare function Chip(props: ChipProps): React.JSX.Element;
 declare namespace Chip {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;

package/types/src/Chip/docs/examples/Appearance.d.ts

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

package/types/src/Chip/docs/examples/CustomColors.d.ts

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

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

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

package/types/src/Chip/docs/examples/Removable.d.ts

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

package/types/src/Chip/docs/examples/RemovableWithNonStringChildren.d.ts

@@ -1,2 +1,3 @@
-declare const RemovableWithNonStringChildren: () => JSX.Element;
+import React from 'react';
+declare const RemovableWithNonStringChildren: () => React.JSX.Element;
 export default RemovableWithNonStringChildren;

package/types/src/Clickable/Clickable.d.ts

@@ -1,21 +1,18 @@
-import React, { Component } from 'react';
-import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { NavigationContext } from './NavigationProvider';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import { ComponentProps } from '../utils/types';
 export declare const isRootRelativeLink: (to: string | undefined) => boolean;
 export declare const isInternalLink: (to: string | undefined) => boolean;
 interface ClickablePropsBase {
-    /**
-     * Links may need to be rendered as "disabled": e.g. last link in a breadcrumb. Disabled links, must have the `to` (ideally to '') and `disabled` props set.
-     *  @private
-     */
-    allowDisabledLink?: boolean;
     children?: React.ReactNode;
     /**
-     * Add a disabled attribute and prevent clicking. If set to `dimmed`, the component
-     * does not respond to mouse events and `aria-disabled` is set to `true`.
+     * Prevents user from activating the component and adds disabled styling.
+     *
+     * If set to `dimmed`, the component is able to receive focus.
+     * If set to `disabled`, the component is unable to receive focus (as a result of setting the html `disabled` attribute).
+     *
+     * The default behavior when `disabled={true}` is `dimmed`.
      */
-    disabled?: boolean | 'dimmed';
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      *
@@ -45,34 +42,13 @@ interface ClickablePropsBase {
      */
     to?: string;
 }
-declare const defaultProps: Required<Pick<ClickablePropsBase, 'disabled' | 'openInNewContext'>>;
-type ClickableButtonProps = ClassComponentProps<ClickablePropsBase, typeof defaultProps, 'button'>;
-type ClickableLinkProps = ClassComponentProps<ClickablePropsBase, typeof defaultProps, 'a', 'href'>;
+type ClickableButtonProps = ComponentProps<ClickablePropsBase, 'button'>;
+type ClickableLinkProps = ComponentProps<ClickablePropsBase, 'a', 'href'>;
 type ClickableProps = ClickableButtonProps | ClickableLinkProps;
 /**
  * `Clickable` renders as a `button` element, or as an `a` element if the `to` prop is set
  * and the `disabled` prop is `false`. This is called link mode.
  */
-declare class Clickable extends Component<ClickableProps> {
-    private el;
-    context: React.ContextType<typeof NavigationContext>;
-    static contextType: React.Context<{
-        onClick?: import("./NavigationProvider").NavigationProviderClickHandler | undefined;
-        onLinkClick?: import("./NavigationProvider").NavigationProviderClickHandler | undefined;
-        prefix?: string | undefined;
-        transformUrl?: import("./NavigationProvider").NavigationProviderTransformUrl | undefined;
-    }>;
-    static propTypes: React.WeakValidationMap<ClickableProps>;
-    static defaultProps: Required<Pick<ClickablePropsBase, "disabled" | "openInNewContext">>;
-    static [legacyRefMode]: boolean;
-    constructor(props: Readonly<ClickableProps>);
-    private handleMount;
-    private createHandleOnClick;
-    private getTransformedUrl;
-    /**
-     * Place focus on the element.
-     */
-    focus(): void;
-    render(): JSX.Element;
-}
+declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Clickable;
+export { ClickableProps };

package/types/src/Clickable/NavigationProvider.d.ts

@@ -11,7 +11,7 @@ type NavigationProviderTransformUrl = (url: string, data: {
     isInternal?: boolean;
     isRootRelative?: boolean;
 }) => string;
-interface NavigationProviderPropsBase {
+interface NavigationProviderProps {
     children?: React.ReactNode;
     /**
      * An `onClick` handler to use when a link is clicked if no other `onClick` handler is supplied.
@@ -23,44 +23,27 @@ interface NavigationProviderPropsBase {
      * The function takes the event and an options argument with `to` and `openInNewContext`
      */
     onLinkClick?: NavigationProviderClickHandler;
-    /**
-     * @deprecated Use the `transformUrl` prop instead.
-     * If set, all links that use the NavigationProvider's context will have this prepended to them.
-     * This is ignored if `transformUrl` is set.
-     */
-    prefix?: string;
     /**
      * If set, all links that use the NavigationProvider's context will be transformed using this function.
      */
     transformUrl?: NavigationProviderTransformUrl;
 }
-interface NavigationProviderPropsWithPrefix extends NavigationProviderPropsBase {
-    prefix?: never;
-    transformUrl?: NavigationProviderTransformUrl;
-}
-interface NavigationProviderPropsWithoutPrefix extends NavigationProviderPropsBase {
-    prefix?: string;
-    transformUrl?: never;
-}
 type NavigationContextValue = {
     onClick?: NavigationProviderClickHandler;
     onLinkClick?: NavigationProviderClickHandler;
-    prefix?: string;
     transformUrl?: NavigationProviderTransformUrl;
 };
 declare const NavigationContext: React.Context<NavigationContextValue>;
-type NavigationProviderProps = NavigationProviderPropsWithPrefix | NavigationProviderPropsWithoutPrefix;
 /**
  * Used to provide an override for the `onClick` for links for single page applications so that
  * internal links can navigate without a page reload.
  */
-declare function NavigationProvider({ children, onClick, onLinkClick, prefix, transformUrl, }: NavigationProviderProps): JSX.Element;
+declare function NavigationProvider({ children, onClick, onLinkClick, transformUrl, }: NavigationProviderProps): React.JSX.Element;
 declare namespace NavigationProvider {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onLinkClick: PropTypes.Requireable<(...args: any[]) => any>;
-        prefix: PropTypes.Requireable<string>;
         transformUrl: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }

package/types/src/Clickable/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;