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

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

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

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

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

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'splunk-spl' | 'svg' | 'xml' | 'yaml' | 'yml';
+type CodeSupportedLanguages = 'bash' | 'clike' | 'css' | 'html' | 'json' | 'javascript' | 'js' | 'jsx' | 'typescript' | 'ts' | 'tsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'splunk-spl' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
 interface CodePropsBase {
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLPreElement>;
     /**
-     * Sets the length of the left-indent. Use only when the value of
+     * @private. Sets the length of the left-indent. Use only when the value of
      `showIndentGuide` is `true`.
      */
     indentChars?: number;
@@ -30,7 +30,7 @@ interface CodePropsBase {
     value?: string;
 }
 type CodeProps = ComponentProps<CodePropsBase, 'pre'>;
-declare function Code({ elementRef, indentChars, language, languageFallback, showIndentGuide, value, ...otherProps }: CodeProps): JSX.Element;
+declare function Code({ elementRef, indentChars, language, languageFallback, showIndentGuide, value, ...otherProps }: CodeProps): React.JSX.Element;
 declare namespace Code {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

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

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

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

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

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

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

package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts

@@ -1,19 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import SingleOpenPanelGroup, { SingleOpenPanelGroupChangeHandler } from './SingleOpenPanelGroup';
-import SingleOpenPanelGroupContext from './SingleOpenPanelGroupContext';
-import { ClassComponentProps } from '../utils/types';
-/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
-type CollapsiblePanelRequestCloseHandler = (data: {
-    event: React.MouseEvent<HTMLButtonElement>;
-    panelId?: string | number;
-    reason: 'toggleClick';
-}) => void;
-/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
-type CollapsiblePanelRequestOpenHandler = (data: {
-    event: React.MouseEvent<HTMLButtonElement>;
-    panelId?: string | number;
-    reason: 'toggleClick';
-}) => void;
+import { ComponentProps } from '../utils/types';
 /** @public */
 type CollapsiblePanelChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     action: 'open' | 'close';
@@ -29,6 +17,10 @@ interface CollapsiblePanelPropsBase {
      * Renders the toggle button and interactive elements separate from `title`, reserving the `title` prop for text only.
      */
     actions?: React.ReactNode;
+    /**
+     * Changes the style of the panel.
+     */
+    appearance?: 'default' | 'subtle';
     children?: React.ReactNode;
     /**
      * Sets the initial state of a panel to expanded. Incompatible with
@@ -41,7 +33,7 @@ interface CollapsiblePanelPropsBase {
     /**
      * Prevents the panel from expanding or collapsing.
      */
-    disabled?: boolean;
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -52,7 +44,7 @@ interface CollapsiblePanelPropsBase {
      */
     headingLevel?: number;
     /**
-     * If set to true, adds padding to panel content.
+     * By default, adds padding to panel content. If set to false, renders panel content without padding.
      */
     inset?: boolean;
     /**
@@ -60,16 +52,6 @@ interface CollapsiblePanelPropsBase {
      and managing expanded and collapsed states.
      */
     panelId?: string | number;
-    /**
-     * @deprecated `onRequestClose` option has been marked for deprecation and will be removed in the next major version.
-     * Use the `onChange` prop instead.
-     */
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    /**
-     * @deprecated `onRequestOpen` option has been marked for deprecation and will be removed in the next major version.
-     * Use the `onChange` prop instead.
-     */
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
     /**
      * Invoked on a change of the open panel.
      * Callback is passed the `panelId` of the `CollapsiblePanel` that originated the expand request and the `action` ("open" or "close")
@@ -97,23 +79,9 @@ interface CollapsiblePanelPropsBase {
      * Displays the name of the panel in its title bar.
      */
     title: React.ReactNode;
-    /**
-     * Renders toggle button separate from `title`, allowing `title` to contain interactive elements.
-     * @deprecated This prop is deprecated and will be removed in the next major version. Use the `actions` prop instead.
-     */
-    titleWithActions?: boolean;
-}
-interface CollapsiblePanelDeprecatedControlledProps extends CollapsiblePanelPropsBase {
-    defaultOpen?: never;
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    onChange?: never;
-    open?: boolean;
 }
 interface CollapsiblePanelControlledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: never;
-    onRequestOpen?: never;
-    onRequestClose?: never;
     onChange: CollapsiblePanelChangeHandler;
     open?: boolean;
 }
@@ -121,35 +89,28 @@ interface CollapsiblePanelUncontrolledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: boolean;
     open?: never;
 }
-declare const defaultProps: Required<Pick<CollapsiblePanelPropsBase, 'disabled' | 'inset' | 'overflow' | 'renderChildrenWhenCollapsed' | 'titleWithActions'>>;
-type CollapsiblePanelProps = ClassComponentProps<CollapsiblePanelDeprecatedControlledProps | CollapsiblePanelUncontrolledProps | CollapsiblePanelControlledProps, typeof defaultProps, 'div'>;
-interface CollapsiblePanelState {
-    animating: boolean;
-    open?: boolean;
-}
-declare class CollapsiblePanel extends Component<CollapsiblePanelProps, CollapsiblePanelState> {
-    private controlledExternally;
-    private containerId;
-    private toggleId;
-    static propTypes: React.WeakValidationMap<CollapsiblePanelProps>;
-    static defaultProps: Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">>;
-    context: React.ContextType<typeof SingleOpenPanelGroupContext>;
-    static contextType: React.Context<SingleOpenPanelGroupContext>;
-    constructor(props: Readonly<CollapsiblePanelProps>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<CollapsiblePanelProps>): void;
-    /**
-     * SingleOpenPanelGroup already takes into account if it is controlled or not in determining openPanelId
-     * so this.context.openPanelId is used for both the controlled and uncontrolled case.
-     */
-    private isOpen;
-    private handleRequestClose;
-    private handleRequestOpen;
-    private handleChange;
-    private handleAnimationEnd;
-    private isControlled;
-    render(): JSX.Element;
+type CollapsiblePanelProps = ComponentProps<CollapsiblePanelUncontrolledProps | CollapsiblePanelControlledProps, 'div'>;
+declare function CollapsiblePanel({ innerBodyStyles, actions, appearance, children, defaultOpen, description, disabled, elementRef, headingLevel, onChange, open, overflow, panelId, renderChildrenWhenCollapsed, title, inset, ...otherProps }: CollapsiblePanelProps): React.JSX.Element;
+declare namespace CollapsiblePanel {
+    var propTypes: {
+        innerBodyStyles: PropTypes.Requireable<object>;
+        actions: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        appearance: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultOpen: PropTypes.Requireable<boolean>;
+        description: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        elementRef: PropTypes.Requireable<object>;
+        headingLevel: PropTypes.Requireable<number>;
+        inset: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        overflow: PropTypes.Requireable<string>;
+        panelId: PropTypes.Requireable<any>;
+        renderChildrenWhenCollapsed: PropTypes.Requireable<boolean>;
+        title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
 }
 export default CollapsiblePanel;
 export { SingleOpenPanelGroup };
-export type { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler, CollapsiblePanelChangeHandler, SingleOpenPanelGroupChangeHandler, };
+export type { CollapsiblePanelChangeHandler, SingleOpenPanelGroupChangeHandler };

package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts

@@ -23,7 +23,7 @@ interface SingleOpenPanelGroupPropsBase {
      */
     elementRef?: React.Ref<HTMLDivElement>;
     /**
-     * If set to true, adds padding to panel content.
+     * By default, adds padding to panel content. If set to false, renders panel content without padding.
      */
     inset?: boolean;
     /**
@@ -47,7 +47,7 @@ interface SingleOpenPanelGroupUncontrolledProps extends SingleOpenPanelGroupProp
     openPanelId?: never;
 }
 type SingleOpenPanelGroupProps = ComponentProps<SingleOpenPanelGroupControlledProps | SingleOpenPanelGroupUncontrolledProps, 'div'>;
-declare function SingleOpenPanelGroup(props: SingleOpenPanelGroupProps): JSX.Element;
+declare function SingleOpenPanelGroup({ children, defaultOpenPanelId, elementRef, inset, onChange, openPanelId, ...otherProps }: SingleOpenPanelGroupProps): React.JSX.Element;
 declare namespace SingleOpenPanelGroup {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

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

package/types/src/CollapsiblePanel/docs/examples/BasicControlled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/BasicUncontrolled.d.ts

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

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

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

package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/MultiUncontrolled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupInset.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/Subtle.d.ts

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

package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 type ExpandPanelIconProps = {
     className?: string;
 };
 declare const ExpandPanelIcon: {
-    ({ className }: ExpandPanelIconProps): JSX.Element;
+    ({ className }: ExpandPanelIconProps): React.JSX.Element;
     propTypes: {
         className: PropTypes.Requireable<string>;
     };

package/types/src/Color/Color.d.ts

@@ -1,7 +1,6 @@
-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 ColorChangeHandler = (data: {
     name?: string;
@@ -28,7 +27,6 @@ interface ColorPropsBase {
     /**
      * Set this property to hide the hex value text input in the initial appearance.
      * The input will still appear inside the dropdown when opened.
-     * @themeNotes Defaults to `false` in Prisma and `true` in Enterprise themes.
      */
     hideInput?: boolean;
     /**
@@ -49,8 +47,6 @@ interface ColorPropsBase {
     prepend?: boolean;
     /** @private */
     required?: boolean;
-    /** @private */
-    splunkTheme: AnyTheme;
     /**
      * The value of the color (hexadecimal or 'transparent').
      * Setting this value makes the property controlled.
@@ -59,7 +55,6 @@ interface ColorPropsBase {
     value?: string | null;
 }
 export declare const defaultPalette: string[];
-declare const defaultProps: Required<Pick<ColorPropsBase, 'append' | 'disabled' | 'error' | 'palette' | 'prepend'>>;
 interface ColorPropsBaseControlled extends ColorPropsBase {
     defaultValue?: never;
     onChange: ColorChangeHandler;
@@ -69,58 +64,28 @@ interface ColorPropsBaseUncontrolled extends ColorPropsBase {
     defaultValue?: string | null;
     value?: never;
 }
-type ColorProps = ClassComponentProps<ColorPropsBaseControlled | ColorPropsBaseUncontrolled, typeof defaultProps, 'button'>;
-interface ColorState {
-    displayValue?: string;
-    expanded: boolean;
-    open: boolean;
-    value?: string | null;
-}
-declare const isValidHEX: (value: string) => boolean;
-declare class Color extends Component<ColorProps, ColorState> {
-    private focusSwatch;
-    private focusExpandButton;
-    private controlledExternally;
-    private dropdown;
-    private swatchToggleReaderContentId;
-    private hexInputReaderContentId;
-    static propTypes: React.WeakValidationMap<ColorProps>;
-    static defaultProps: Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">>;
-    static hasNull(palette: (string | null)[]): boolean;
-    static hasTransparent(palette: (string | null)[]): boolean;
-    constructor(props: Readonly<ColorProps>);
-    componentDidUpdate(prevProps: Readonly<ColorProps>): void;
-    /**
-     * Standardizes the current value of the Color:
-     * returns based on the input being controlled or uncontrolled
-     * returns controlled component's value as formatted.
-     */
-    private getValue;
-    private handleSwatchClick;
-    private handlePaletteExpand;
-    private handleTextChange;
-    private handleTextKeyDown;
-    private handleButtonClick;
-    private handleRequestClose;
-    private handleRequestOpen;
-    private handleSystemColorPickerChange;
-    private submitValue;
-    /**
-     * Place focus on the input.
-     */
-    focus(): void;
-    private isControlled;
-    private renderInput;
-    private renderPalette;
-    render(): JSX.Element;
+type ColorProps = ComponentProps<ColorPropsBaseControlled | ColorPropsBaseUncontrolled, 'button'>;
+declare function Color({ append, defaultValue, disabled, describedBy, elementRef, error, hideInput, labelledBy, name, onChange, palette, prepend, required, value: valueProp, ...otherProps }: ColorProps): React.JSX.Element;
+declare namespace Color {
+    var propTypes: {
+        append: PropTypes.Requireable<boolean>;
+        defaultValue: PropTypes.Requireable<string>;
+        describedBy: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<boolean>;
+        hideInput: PropTypes.Requireable<boolean>;
+        labelledBy: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        palette: PropTypes.Requireable<any[]>;
+        prepend: PropTypes.Requireable<boolean>;
+        /** @private */
+        required: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+    };
+    var componentType: string;
 }
-declare const ColorWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<ColorPropsBaseControlled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, "form" | "slot" | "style" | "title" | "children" | "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" | "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 ColorPropsBaseControlled> & Pick<PropTypes.InferProps<React.WeakValidationMap<ColorProps>>, "inlist"> & Pick<ColorPropsBaseControlled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, never>, "form" | "slot" | "style" | "title" | "children" | "name" | "elementRef" | "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" | "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" | "required" | "splunkTheme" | "labelledBy" | "describedBy" | "hideInput"> & Partial<Pick<Pick<ColorPropsBaseControlled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, "form" | "slot" | "style" | "title" | "children" | "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" | "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 ColorPropsBaseControlled> & Pick<PropTypes.InferProps<React.WeakValidationMap<ColorProps>>, "inlist"> & Pick<ColorPropsBaseControlled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, never>, "disabled" | "error" | "append" | "prepend" | "palette">> & Partial<Pick<Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">>, never>> & {
-    ref?: React.Ref<Color> | undefined;
-}, "splunkTheme"> | Omit<Pick<Pick<ColorPropsBaseUncontrolled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, "form" | "slot" | "style" | "title" | "children" | "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" | "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 ColorPropsBaseUncontrolled> & Pick<PropTypes.InferProps<React.WeakValidationMap<ColorProps>>, "inlist"> & Pick<ColorPropsBaseUncontrolled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, never>, "form" | "slot" | "style" | "title" | "children" | "name" | "elementRef" | "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" | "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" | "required" | "splunkTheme" | "labelledBy" | "describedBy" | "hideInput"> & Partial<Pick<Pick<ColorPropsBaseUncontrolled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, "form" | "slot" | "style" | "title" | "children" | "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" | "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 ColorPropsBaseUncontrolled> & Pick<PropTypes.InferProps<React.WeakValidationMap<ColorProps>>, "inlist"> & Pick<ColorPropsBaseUncontrolled & Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "name" | "elementRef" | "value" | "onChange" | "defaultValue" | "disabled" | "required" | "css" | "error" | "splunkTheme" | "append" | "prepend" | "labelledBy" | "describedBy" | "palette" | "hideInput">, never>, "disabled" | "error" | "append" | "prepend" | "palette">> & Partial<Pick<Required<Pick<ColorPropsBase, "disabled" | "error" | "append" | "prepend" | "palette">>, never>> & {
-    ref?: React.Ref<Color> | undefined;
-}, "splunkTheme">>;
-export { isValidHEX };
-export default ColorWithTheme;
-export type { Color as ColorWithoutTheme };
+export default Color;
 export { ColorChangeHandler };
 export type { ColorPropsBase, ColorPropsBaseControlled, ColorPropsBaseUncontrolled };

package/types/src/Color/Palette.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
-import Clickable from '@splunk/react-ui/Clickable';
 import { ComponentProps } from '../utils/types';
 interface PalettePropsBase {
-    /**
-     * In the prisma theme, controls if the palette is expanded
-     */
-    expanded: boolean;
     /**
      * Complete list of palettes values to be rendered as swatches
-     * In enterprise themes this list is always shown.
-     * In prisma themes the entire list is only shown when the palette is `expanded`
      */
     palette: (string | null)[];
     /**
@@ -19,32 +12,24 @@ interface PalettePropsBase {
     /**
      * This ref is passed to the swatch that should be focused for Color to control focus
      */
-    swatchToFocusRef: React.RefObject<Clickable & HTMLInputElement> | null;
+    swatchToFocusRef: React.RefObject<HTMLButtonElement & HTMLInputElement> | null;
     /**
      * Callback for handling when a swatch is selected
      */
     onSwatchClick: (event: React.MouseEvent<HTMLButtonElement>, data: {
         value?: string | null;
     }) => void;
-    /**
-     * ref for the expandButton so Color can control the state
-     */
-    expandButtonRef: React.RefObject<Clickable> | null;
-    /**
-     * Callback for handling when the expand button is pressed
-     */
-    onPaletteExpand: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
     /**
      * Render function for injecting the toolbar and input below the rendered swatches
      */
     renderInput?: () => JSX.Element;
     /**
-     * Callback for handling activation of the system color picker, only used in prisma themes.
+     * Callback for handling activation of the system color picker.
      */
     onSystemColorPickerChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 type PaletteProps = ComponentProps<PalettePropsBase, 'div'> & {
     disabled?: boolean;
 };
-declare function Palette({ expanded, palette, value, swatchToFocusRef, onSwatchClick, expandButtonRef, onPaletteExpand, onSystemColorPickerChange, renderInput, disabled, ...otherProps }: PaletteProps): JSX.Element;
+declare function Palette({ palette, value, swatchToFocusRef, onSwatchClick, onSystemColorPickerChange, renderInput, disabled, ...otherProps }: PaletteProps): React.JSX.Element;
 export default Palette;

package/types/src/Color/Swatch.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import Clickable from '@splunk/react-ui/Clickable';
 type SwatchClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     value?: string | null;
 }) => void;
@@ -12,8 +11,6 @@ interface SwatchPropsBase {
     elementRef?: React.Ref<HTMLButtonElement>;
     /** @private */
     error?: boolean;
-    /** @private */
-    noBorder?: boolean;
     /** @private. Call back function when activated. */
     onClick?: SwatchClickHandler;
     /** This has no effect on the appearance at this time but is recommend to be used when a
@@ -26,6 +23,6 @@ interface SwatchPropsBase {
     /** @private */
     showSelected?: boolean;
 }
-declare const Swatch: React.ForwardRefExoticComponent<SwatchPropsBase & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof SwatchPropsBase> & React.RefAttributes<Clickable>>;
+declare const Swatch: React.ForwardRefExoticComponent<SwatchPropsBase & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof SwatchPropsBase> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Swatch;
 export { SwatchPropsBase, SwatchClickHandler };

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

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

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

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

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

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

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

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