@splunk/react-ui 5.8.0 → 5.9.1

package/test-runner-jest.config.js

@@ -1,58 +1,9 @@
-/* eslint-disable no-undef */
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { getJestConfig } = require('@storybook/test-runner');
+import { getJestConfig } from '@storybook/test-runner';
 
-// if component is passed to storybook:test then test will run for only that component
-const testMatch = process.env.STORYBOOK_TEST_COMPONENT
-    ? [
-          `**/${process.env.STORYBOOK_TEST_COMPONENT}.stories.[jt]s?(x)`,
-          `**/${process.env.STORYBOOK_TEST_COMPONENT}.examples.[jt]s?(x)`,
-      ]
-    : ['**/*.stories.[jt]s?(x)', '**/*.examples.[jt]s?(x)'];
+import sharedJestConfig from '../../infra/visual-tests/test-runner-jest.config.js';
 
-module.exports = {
+export default {
     // The default configuration comes from @storybook/test-runner
     ...getJestConfig(),
-    rootDir: process.cwd(),
-    testMatch,
-    transform: {
-        '^.+\\.stories\\.[jt]sx?$': '@storybook/test-runner/playwright/transform',
-        '^.+\\.examples\\.[jt]sx?$': '@storybook/test-runner/playwright/transform',
-        '^.+\\.tsx?$': 'babel-jest',
-    },
-    // used for a11y DOM snapshots, currently disabled
-    // snapshotResolver: '<rootDir>/.storybook-visual/config/snapshotResolver.js',
-    reporters: [
-        'default',
-        'jest-junit',
-        [
-            'jest-stare',
-            {
-                resultDir: `./test-reports/${
-                    process.env.STORYBOOK_TEST_A11Y === 'false' ? 'visual' : 'a11y'
-                }/${process.env.STORYBOOK_THEME_FAMILY}${
-                    process.env.JOB_BROWSER ? `-${process.env.JOB_BROWSER}` : ''
-                }`,
-                reportTitle: `${
-                    process.env.STORYBOOK_TEST_A11Y === 'false' ? 'Visual' : 'A11y'
-                } Test Report - ${process.env.STORYBOOK_THEME_FAMILY}${
-                    process.env.JOB_BROWSER ? `-${process.env.JOB_BROWSER}` : ''
-                }`,
-                reportHeadline: `${
-                    process.env.STORYBOOK_TEST_A11Y === 'false' ? 'Visual' : 'A11y'
-                } Test Report - ${process.env.STORYBOOK_THEME_FAMILY}${
-                    process.env.JOB_BROWSER ? `-${process.env.JOB_BROWSER}` : ''
-                }`,
-                hidePending: true,
-                resultHtml:
-                    process.env.STORYBOOK_TEST_A11Y === 'false'
-                        ? 'visual-report.html'
-                        : 'a11y-report.html',
-            },
-        ],
-        '../../infra/visual-tests/orphaned-snapshot-check-reporter.js',
-    ],
-    globals: {
-        __DEV__: true,
-    },
+    ...sharedJestConfig,
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
  * @name Actions
- * @description Adding clickable items in the header.
+ * @description Adding clickable items in the header. Within a set of panels, keep headers consistent by either including `actions` on all panels or on none.
  */
 declare function Actions(): React.JSX.Element;
 export default Actions;

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

@@ -17,8 +17,8 @@ interface ColumnLayoutPropsBase {
 }
 type ColumnLayoutProps = ComponentProps<ColumnLayoutPropsBase, 'div'>;
 /**
- * `ColumnLayout` provides simple API for laying out content into columns. It is based on flexbox
- * and has 12 columns.
+ * @deprecated
+ * ColumnLayout has been deprecated and will be removed in a future major version. Use CSS `grid` or `flex` instead.
  */
 declare function ColumnLayout({ children, divider, elementRef, gutter, ...otherProps }: ColumnLayoutProps): React.JSX.Element;
 declare namespace ColumnLayout {

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

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * @name VerticalWithAlignItems
+ * @description When a flex container uses `align-items`, the vertical divider collapses
+ * to zero height. Apply `align-self: stretch` to the divider to restore it height.
+ */
+declare function VerticalWithAlignItems(): React.JSX.Element;
+export default VerticalWithAlignItems;

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

@@ -54,6 +54,10 @@ type ListRenderer = (props: {
 type ParagraphRenderer = (props: {
     children: React.ReactNode[];
 }) => RemarkReturn;
+type WrapperRenderer = (props: {
+    children?: React.ReactNode;
+    elementRef?: React.Ref<HTMLElement>;
+}) => JSX.Element;
 interface MarkdownPropsBase {
     /**
      * A custom blockquote renderer. The function is passed an object containing `children`.
@@ -109,6 +113,12 @@ interface MarkdownPropsBase {
      * prop is superseded by `Markdown`'s `text` prop.
      */
     rendererOptions?: Omit<Options, 'children'>;
+    /**
+     * @private
+     * Replaces the default Prose wrapper.
+     * Can be set to null to render markdown without a wrapper.
+     */
+    wrapper?: WrapperRenderer | null;
 }
 type MarkdownProps = ComponentProps<MarkdownPropsBase, 'section'>;
 /**
@@ -116,7 +126,7 @@ type MarkdownProps = ComponentProps<MarkdownPropsBase, 'section'>;
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
  */
-declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, elementRef, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, rendererOptions, ...otherProps }: MarkdownProps): React.JSX.Element;
+declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, elementRef, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, rendererOptions, wrapper, ...otherProps }: MarkdownProps): React.JSX.Element;
 declare namespace Markdown {
     var propTypes: {
         blockquoteRenderer: PropTypes.Requireable<(...args: any[]) => any>;
@@ -131,7 +141,9 @@ declare namespace Markdown {
         paragraphRenderer: PropTypes.Requireable<(...args: any[]) => any>;
         text: PropTypes.Validator<string>;
         rendererOptions: PropTypes.Requireable<object>;
+        /** @private */
+        wrapper: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export default Markdown;
-export { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, };
+export { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, WrapperRenderer, };

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

@@ -2,39 +2,19 @@ import React from 'react';
 declare function MarkdownTable({ children, ...otherProps }: {
     children: React.ReactNode[];
 }): React.JSX.Element;
-declare namespace MarkdownTable {
-    var splunkUiType: string;
-}
 declare function MarkdownTableBody({ children, ...otherProps }: {
     children: React.ReactNode[];
 }): React.JSX.Element;
-declare namespace MarkdownTableBody {
-    var splunkUiType: string;
-}
-declare function MarkdownTableCell({ children, style, ...otherProps }: {
+declare function MarkdownTableCell({ children, ...otherProps }: {
     children: React.ReactNode[];
-    style?: React.CSSProperties & Record<string, unknown>;
 }): React.JSX.Element;
-declare namespace MarkdownTableCell {
-    var splunkUiType: string;
-}
 declare function MarkdownTableHead({ children, ...otherProps }: {
     children: React.ReactNode[];
 }): React.JSX.Element;
-declare namespace MarkdownTableHead {
-    var splunkUiType: string;
-}
-declare function MarkdownTableHeadCell({ children, style, ...otherProps }: {
+declare function MarkdownTableHeadCell({ children, ...otherProps }: {
     children: React.ReactNode[];
-    style?: React.CSSProperties & Record<string, unknown>;
 }): React.JSX.Element;
-declare namespace MarkdownTableHeadCell {
-    var splunkUiType: string;
-}
 declare function MarkdownTableRow({ children, ...otherProps }: {
     children: React.ReactNode[];
 }): React.JSX.Element;
-declare namespace MarkdownTableRow {
-    var splunkUiType: string;
-}
 export { MarkdownTable, MarkdownTableBody, MarkdownTableCell, MarkdownTableHead, MarkdownTableHeadCell, MarkdownTableRow, };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentProps } from '../../utils/types';
+type MarkdownWrapperPropsBase = {
+    children?: React.ReactNode;
+    elementRef?: React.Ref<HTMLElement>;
+    frontmatter?: Record<string, unknown>;
+};
+type MarkdownWrapperProps = ComponentProps<MarkdownWrapperPropsBase, 'section'>;
+declare function MarkdownWrapper({ children, elementRef, ...otherProps }: MarkdownWrapperProps): React.JSX.Element;
+export default MarkdownWrapper;
+export type { MarkdownWrapperProps };

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

@@ -9,4 +9,6 @@ import MarkdownLink from './MarkdownLink';
 import MarkdownList from './MarkdownList';
 import MarkdownParagraph from './MarkdownParagraph';
 import { MarkdownTable, MarkdownTableHeadCell, MarkdownTableCell, MarkdownTableRow, MarkdownTableBody, MarkdownTableHead } from './MarkdownTable';
-export { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, MarkdownTable, MarkdownTableBody, MarkdownTableCell, MarkdownTableHead, MarkdownTableHeadCell, MarkdownTableRow, StyledCodeBlock, StyledHint, };
+import MarkdownWrapper from './MarkdownWrapper';
+export { MarkdownAnchorHeading, MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, MarkdownTable, MarkdownTableBody, MarkdownTableCell, MarkdownTableHead, MarkdownTableHeadCell, MarkdownTableRow, MarkdownWrapper, StyledCodeBlock, StyledHint, };
+export type { MarkdownWrapperProps } from './MarkdownWrapper';

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

@@ -36,8 +36,13 @@ interface CompactPropsBase {
      * ControlGroup's help component.
      */
     describedBy?: string;
-    /** Disable adding and removing. */
-    disabled?: boolean;
+    /**
+     * Prevents user interaction 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.
+     */
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -94,6 +99,7 @@ interface CompactPropsBase {
     /**
      * A callback to receive the change events.  If values is set, this callback is required.
      * This must set the values prop to retain the change.
+     * Supports custom selection behavior.
      */
     onChange?: MultiselectChangeHandler;
     /**
@@ -135,6 +141,9 @@ interface CompactPropsBase {
     /**
      * Determines how to display Select all/Clear all.
      *
+     * By default, selection applies only to currently loaded options.
+     * Use `onChange` for custom selection behavior.
+     *
      * @deprecatedValue 'buttongroup'
      * The 'buttongroup' value is deprecated and will be removed in a future major version.
      */
@@ -171,7 +180,7 @@ declare namespace Compact {
         defaultPlacement: PropTypes.Requireable<string>;
         defaultValues: PropTypes.Requireable<any[]>;
         describedBy: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<string | boolean>;

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

@@ -55,8 +55,13 @@ interface MultiselectPropsBase {
      * ControlGroup's help component.
      */
     describedBy?: string;
-    /** Disable adding and removing. */
-    disabled?: boolean;
+    /**
+     * Prevents user interaction 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.
+     */
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
      */
@@ -118,6 +123,7 @@ interface MultiselectPropsBase {
     /**
      * A callback to receive the change events.  If values is set, this callback is required.
      * This must set the values prop to retain the change.
+     * Supports custom selection behavior.
      */
     onChange?: MultiselectChangeHandler;
     /**
@@ -160,6 +166,9 @@ interface MultiselectPropsBase {
      * Determines how to display Select all/Clear all.
      * Only supported when `compact=true`.
      *
+     * By default, selection applies only to currently loaded options.
+     * Use `onChange` for custom selection behavior.
+     *
      * @deprecatedValue 'buttongroup'
      * The 'buttongroup' value is deprecated and will be removed in a future major version.
      */
@@ -223,7 +232,7 @@ declare namespace Multiselect {
         defaultPlacement: PropTypes.Requireable<string>;
         defaultValues: PropTypes.Requireable<any[]>;
         describedBy: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<string | boolean>;

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

@@ -32,8 +32,13 @@ interface NormalPropsBase {
      * ControlGroup's help component.
      */
     describedBy?: string;
-    /** Disable adding and removing. */
-    disabled?: boolean;
+    /**
+     * Prevents user interaction 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.
+     */
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -138,7 +143,7 @@ declare namespace Normal {
         defaultPlacement: PropTypes.Requireable<string>;
         defaultValues: PropTypes.Requireable<any[]>;
         describedBy: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;
         footerMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

@@ -26,9 +26,12 @@ interface OptionPropsBase {
      */
     descriptionPosition?: 'right' | 'bottom';
     /**
-     * If disabled=true, the option is grayed out and cannot be clicked.
+     * Prevents user interaction 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.
      */
-    disabled?: boolean;
+    disabled?: boolean | 'dimmed' | 'disabled';
     /**
      * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
      * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
@@ -99,7 +102,7 @@ declare namespace Option {
         compact: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         descriptionPosition: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
         /**
          * @private Undocumented due to limitations in supporting in compact `Multiselect` (see SUI-8286 notes for more info).
          */

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

@@ -1,6 +1,7 @@
 import React from 'react';
 /**
  * @name Disabled
+ * @description If you absolutely need to disable a `Multiselect` use `"disabled="dimmed"`. This ensures the `Multiselect` does not respond to events, but can still receive focus to so that users can navigate to the `Multiselect` when using assistive technologies.
  */
 declare function Disabled(): React.JSX.Element;
 export default Disabled;

package/types/src/Multiselect/docs/examples/LoadMoreWithSelectAll.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * @name Load more on scroll bottom with select all
+ * @description Demonstrates incremental loading when the list is scrolled to the bottom.
+ * The `onScrollBottom` callback appends additional options to the existing list.
+ * A custom `onChange` handler applies "Select all" to the full dataset, so options loaded later remain selected as they appear.
+ */
+declare function LoadMoreWithSelectAll(): React.JSX.Element;
+export default LoadMoreWithSelectAll;

package/types/src/SelectBase/SelectBase.d.ts

@@ -58,7 +58,7 @@ interface SelectBasePropsBase {
      * Prevents user interaction 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).
+     * If set to `disabled`, the component is unable to receive focus.
      */
     disabled?: boolean | 'dimmed' | 'disabled';
     /**
@@ -127,6 +127,7 @@ interface SelectBasePropsBase {
     /**
      * A callback to receive the change events.  If values is set, this callback is required.
      * This must set the values prop to retain the change.
+     * Supports custom selection behavior.
      */
     onChange?: SelectBaseChangeHandler;
     /**
@@ -175,6 +176,9 @@ interface SelectBasePropsBase {
     repositionMode?: 'none' | 'flip';
     /**
      * Determines how to display Select all/Clear all.
+     *
+     * By default, selection applies only to currently loaded options.
+     * Use `onChange` for custom selection behavior.
      */
     selectAllAppearance?: 'buttongroup' | 'checkbox' | 'none';
     showSelectedValuesFirst?: 'nextOpen' | 'immediately' | 'never';

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface BodyPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the section DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableSectionElement>;
+    /**
+     * Alternate rows are given a darker background to improve readability.
+     */
+    stripeRows?: boolean;
+}
+type BodyProps = ComponentProps<BodyPropsBase, 'tbody'>;
+declare function Body({ children, elementRef, stripeRows, ...otherProps }: BodyProps): React.JSX.Element;
+declare namespace Body {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        stripeRows: PropTypes.Requireable<boolean>;
+    };
+}
+export default Body;
+export type { BodyPropsBase };

package/types/src/SimpleTable/Cell.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface CellPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the cell DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableCellElement>;
+}
+type CellProps = ComponentProps<CellPropsBase, 'td'>;
+declare function Cell({ children, elementRef, ...otherProps }: CellProps): React.JSX.Element;
+declare namespace Cell {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default Cell;
+export type { CellPropsBase };

package/types/src/SimpleTable/Head.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface HeadPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the section DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableSectionElement>;
+}
+type HeadProps = ComponentProps<HeadPropsBase, 'thead'>;
+declare function Head({ children, elementRef, ...otherProps }: HeadProps): React.JSX.Element;
+declare namespace Head {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default Head;
+export type { HeadPropsBase };

package/types/src/SimpleTable/HeadCell.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface HeadCellPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the cell DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableCellElement>;
+}
+type HeadCellProps = ComponentProps<HeadCellPropsBase, 'th'>;
+declare function HeadCell({ children, elementRef, ...otherProps }: HeadCellProps): React.JSX.Element;
+declare namespace HeadCell {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default HeadCell;
+export type { HeadCellPropsBase };

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface RowPropsBase {
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the row DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableRowElement>;
+}
+type RowProps = ComponentProps<RowPropsBase, 'tr'>;
+declare function Row({ children, elementRef, ...otherProps }: RowProps): React.JSX.Element;
+declare namespace Row {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+}
+export default Row;
+export type { RowPropsBase };

package/types/src/SimpleTable/SimpleTable.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Body from './Body';
+import Cell from './Cell';
+import Head from './Head';
+import HeadCell from './HeadCell';
+import Row from './Row';
+import { ComponentProps } from '../utils/types';
+interface SimpleTablePropsBase {
+    /**
+     * Must be `SimpleTable.Head` and `SimpleTable.Body`.
+     */
+    children?: React.ReactNode;
+    /**
+     * A React ref which is set to the table element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLTableElement>;
+}
+type SimpleTableProps = ComponentProps<SimpleTablePropsBase, 'table'>;
+/**
+ * A lightweight table for static content. It preserves native table semantics and basic Splunk table styling
+ * without the interactive runtime used by `Table`.
+ */
+declare function SimpleTable({ children, elementRef, ...otherProps }: SimpleTableProps): React.JSX.Element;
+declare namespace SimpleTable {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+    var Body: typeof import("./Body").default;
+    var Cell: typeof import("./Cell").default;
+    var Head: typeof import("./Head").default;
+    var HeadCell: typeof import("./HeadCell").default;
+    var Row: typeof import("./Row").default;
+}
+export default SimpleTable;
+export { Body, Cell, Head, HeadCell, Row };

package/types/src/SimpleTable/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './SimpleTable';
+export * from './SimpleTable';
+export { sharedCellPaddingBlock, StyledSimpleTable, StyledSimpleTableBody, StyledSimpleTableCell, StyledSimpleTableHead, StyledSimpleTableHeadCell, StyledSimpleTableRow, } from './SimpleTableStyles';

package/types/src/SpotLight/SpotLight.d.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import { AnyTheme, Interpolation, OptionalThemedProps } from '@splunk/themes';
+import { ComponentProps } from '../utils/types';
+type Color = React.CSSProperties['color'] | Interpolation<AnyTheme, OptionalThemedProps<AnyTheme>>;
+type SpotLightAnchorElement = HTMLElement | null;
+type SpotLightAnchorEdge = 'top' | 'right' | 'bottom' | 'left';
+interface SpotLightColorStop {
+    /**
+     * Position of the stop within the radial gradient.
+     */
+    at?: string;
+    /**
+     * The color used at this gradient stop.
+     */
+    color: Color;
+    /**
+     * The amount of color mixed into the stop, expressed as a CSS percentage.
+     */
+    opacity?: string;
+}
+interface SpotLightAnchor {
+    /**
+     * The edge whose center should be used as the spotlight origin.
+     */
+    edge: SpotLightAnchorEdge;
+    /**
+     * The element used to position the spotlight. Falls back to the spotlight host when omitted.
+     */
+    element?: SpotLightAnchorElement;
+    /**
+     * Distance applied perpendicular to the chosen edge.
+     */
+    inset?: string;
+    /**
+     * Offset applied along the chosen edge axis.
+     */
+    offset?: string;
+}
+interface SpotLightLayer {
+    /**
+     * Positions the spotlight relative to an element instead of explicit coordinates.
+     */
+    anchor?: SpotLightAnchor;
+    /**
+     * The radial gradient height. When paired with `width`, this creates an elliptical spotlight.
+     */
+    height: string;
+    /**
+     * Explicit gradient stops for multicolor spotlights.
+     */
+    stops: SpotLightColorStop[];
+    /**
+     * The radial gradient width. When paired with `height`, this creates an elliptical spotlight.
+     */
+    width: string;
+    /**
+     * Horizontal position for the spotlight center when `anchor` is not provided.
+     */
+    x?: string;
+    /**
+     * Vertical position for the spotlight center when `anchor` is not provided.
+     */
+    y?: string;
+}
+interface SpotLightPropsBase {
+    /**
+     * Applies a blur filter to the combined spotlight surface.
+     */
+    blur?: string;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Decorative radial gradient layers to render behind the content.
+     */
+    layers: SpotLightLayer[];
+}
+type SpotLightProps = ComponentProps<SpotLightPropsBase, 'div'>;
+/**
+ * SpotLight renders decorative radial gradients as a positioned sibling layer.
+ */
+export declare function SpotLight({ blur, elementRef, layers, ...otherProps }: SpotLightProps): React.JSX.Element;
+export declare namespace SpotLight {
+    var propTypes: React.WeakValidationMap<SpotLightPropsBase>;
+}
+export default SpotLight;
+export type { Color, SpotLightColorStop, SpotLightAnchor, SpotLightAnchorEdge, SpotLightAnchorElement, SpotLightLayer, SpotLightProps, SpotLightPropsBase, };

package/types/src/SpotLight/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SpotLight';
+export * from './SpotLight';

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

@@ -96,7 +96,7 @@ interface RowPropsBase {
     stripe?: 'odd' | 'even' | 'none';
 }
 type RowProps = ComponentProps<RowPropsBase, 'tr'>;
-declare function Row(props: RowProps): React.JSX.Element;
+declare function Row({ actions, actionPrimary, actionsSecondary, children, data, dragId, disabled, pinnedColumns, isDraggable, elementRef, expandable, expanded, expansionRowIds, expansionRow, index, movableColumns, onClick, onExpansion, onKeyDown, onRequestToggle, primaryColumnIndex, rowScreenReaderText, selected, stripe, style, ...otherProps }: RowProps): React.JSX.Element;
 declare namespace Row {
     var propTypes: {
         /** @private. Generally passed by Table rather than added directly. */