@splunk/react-ui 5.9.0 → 5.9.1

package/docs-llm/Table.md

@@ -2452,14 +2452,14 @@ export default Complex;
 
 | Name | Type | Required | Default | Description |
 |------|------|------|------|------|
-| actions | React.ReactElement[] | no |  | Adds table-level actions. Not compatible with `onRequestResize`. |
+| actions | React.ReactElement[] | no | [] | Adds table-level actions. Not compatible with `onRequestResize`. |
 | actionsColumnWidth | number | no |  | Specifies the width of the actions column. Adds an empty header for row actions if no table-level actions are present. |
 | children | React.ReactNode | no |  | Must be `Table.Head`, `Table.Body`, or `Table.Caption`. |
-| dockOffset | number | no |  | Sets the offset from the top of the window. Only applies when `headType` is 'docked'. |
+| dockOffset | number | no | 0 | Sets the offset from the top of the window. Only applies when `headType` is 'docked'. |
 | dockScrollBar | boolean | no |  | Docks the horizontal scroll bar at the bottom of the window when the bottom of the table is below the viewport. |
 | elementRef | React.Ref<HTMLDivElement> | no |  | A React ref which is set to the DOM element when the component mounts and null when it unmounts. |
-| headType | 'docked' \| 'fixed' \| 'inline' | no |  | Sets the table head type:   * `docked`: The head is docked against the window  * `fixed` : The head is fixed in the table. The table can scroll          independently from the head.  * `inline`: The head isn't fixed, but can scroll with the rest of          the table. |
-| horizontalOverflow | 'auto' \| 'scroll' | no |  | Controls how the Table handles horizontal content overflow:   * `auto`: The default behavior for overflow. `HeadCell` content will truncate and `Cell` content will wrap.            The Table will scroll horizontally when the container's width exceeds the Table's width.  * `scroll`: The Table will scroll horizontally. `HeadCell` content will not truncate and `Cell` content will wrap only for word breaks. |
+| headType | 'docked' \| 'fixed' \| 'inline' | no | 'inline' | Sets the table head type:   * `docked`: The head is docked against the window  * `fixed` : The head is fixed in the table. The table can scroll          independently from the head.  * `inline`: The head isn't fixed, but can scroll with the rest of          the table. |
+| horizontalOverflow | 'auto' \| 'scroll' | no | 'auto' | Controls how the Table handles horizontal content overflow:   * `auto`: The default behavior for overflow. `HeadCell` content will truncate and `Cell` content will wrap.            The Table will scroll horizontally when the container's width exceeds the Table's width.  * `scroll`: The Table will scroll horizontally. `HeadCell` content will not truncate and `Cell` content will wrap only for word breaks. |
 | innerStyle | React.CSSProperties | no |  | Style specification for the inner container, which is the scrolling container. |
 | onRequestMoveColumn | TableRequestMoveColumnHandler | no |  | An event handler for handle the re-order action of Table. The function is passed an options object with `fromIndex` and `toIndex`. |
 | onRequestMoveRow | TableRequestMoveRowHandler | no |  | An event handler to handle the reorder rows action of Table. The function is passed an options object with `fromIndex` and `toIndex`. |
@@ -2468,10 +2468,10 @@ export default Complex;
 | onScroll | React.UIEventHandler<HTMLDivElement> | no |  | Callback invoked when a scroll event occurs on the inner scrolling container. |
 | outerStyle | React.CSSProperties | no |  | Style specification for the outer container. |
 | pinnedColumns | PinnedColumnsProp | no |  | Optionally pin the actions column to the end of the table by passing `pinnedColumns={{ actions: true }}.` When using pinned columns `horizontalOverflow` should be set to `scroll`. |
-| primaryColumnIndex | number | no |  | Indicates the column to use as the primary label for each row. |
+| primaryColumnIndex | number | no | 0 | Indicates the column to use as the primary label for each row. |
 | resizableFillLayout | boolean | no |  | Table will fill parent container. Resizable columns can have a `width` of `auto` only with this prop enabled. |
-| rowExpansion | 'single' \| 'multi' \| 'controlled' \| 'none' | no |  | Adds a column to the table with an expansion button for each row that has expansion content. Supported values:  * `single`: Only one row can be expanded at a time. If another expansion button is clicked, the currently expanded row closes and the new one opens. * `multi`: Allows multiple rows to be expanded at the same time. * `controlled`: Allows the expanded state to be externally managed by `expanded` prop of `Row`. * `none`: The default with no row expansion. |
-| rowSelection | 'all' \| 'some' \| 'none' | no |  | When an `onRequestToggleAllRows` handler is defined, this prop determines the appearance of the toggle all rows button. |
+| rowExpansion | 'single' \| 'multi' \| 'controlled' \| 'none' | no | 'none' | Adds a column to the table with an expansion button for each row that has expansion content. Supported values:  * `single`: Only one row can be expanded at a time. If another expansion button is clicked, the currently expanded row closes and the new one opens. * `multi`: Allows multiple rows to be expanded at the same time. * `controlled`: Allows the expanded state to be externally managed by `expanded` prop of `Row`. * `none`: The default with no row expansion. |
+| rowSelection | 'all' \| 'some' \| 'none' | no | 'none' | When an `onRequestToggleAllRows` handler is defined, this prop determines the appearance of the toggle all rows button. |
 | stripeRows | boolean | no |  | Alternate rows are given a darker background to improve readability. |
 | tableStyle | React.CSSProperties | no |  | The style attribute for the table. This is primarily useful for setting the CSS table-layout property. |
 

package/docs-llm/Typography.md

@@ -68,7 +68,7 @@ Typography renders text content with styling based on the Splunk Design System.
 
 | Name | Type | Required | Default | Description |
 |------|------|------|------|------|
-| as | \| 'p' \| 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'span' \| 'blockquote' \| 'dd' \| 'dl' \| 'dt' \| 'figcaption' \| 'figure' \| 'li' \| 'ol' \| 'ul' \| 'pre' \| 'abbr' \| 'cite' \| 'code' \| 'data' \| 'dfn' \| 'em' \| 'u' \| 'time' \| 'sup' \| 'sub' \| 'strong' \| 'small' \| 'samp' \| 's' \| 'var' \| 'ruby' \| 'rt' \| 'rp' | yes |  | Tag for the element to render children content into. Use the most semantically appropriate tag. Layout elements like `div` are not allowed; use the `typography` mixin from `@splunk/themes` instead. |
+| as | \| 'p' \| 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'span' \| 'blockquote' \| 'dd' \| 'dl' \| 'dt' \| 'figcaption' \| 'figure' \| 'li' \| 'ol' \| 'ul' \| 'pre' \| 'abbr' \| 'cite' \| 'code' \| 'data' \| 'dfn' \| 'em' \| 'label' \| 'u' \| 'time' \| 'sup' \| 'sub' \| 'strong' \| 'small' \| 'samp' \| 's' \| 'var' \| 'ruby' \| 'rt' \| 'rp' | yes |  | Tag for the element to render children content into. Use the most semantically appropriate tag. Layout elements like `div` are not allowed; use the `typography` mixin from `@splunk/themes` instead. |
 | children | React.ReactNode | yes |  | Text and inline icons |
 | color | 'active' \| 'default' \| 'disabled' \| 'inverted' \| 'muted' \| 'inherit' | no |  | Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`. |
 | elementRef | React.Ref<HTMLElement> | no |  | A React ref which is set to the DOM element when the component mounts, and null when it unmounts. |

package/docs-llm/llms.txt

@@ -77,7 +77,6 @@ A library of UI components, all independent of the Splunk Enterprise environment
 - **AnimationToggle**
 - **Button Group**
 - **Clickable**
-- **Column Layout**
 - **Divider**
 - **Dropdown**
 - **Layer**
@@ -97,5 +96,6 @@ A library of UI components, all independent of the Splunk Enterprise environment
 ## Deprecated
 
 - **Accordion**
+- **Column Layout**
 - **Monogram**
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "5.9.0",
+  "version": "5.9.1",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -45,17 +45,16 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@react-spring/web": "^9.7.5",
-    "@splunk/react-icons": "^5.9.0",
-    "@splunk/themes": "^1.6.0",
-    "@splunk/ui-utils": "^1.12.0",
+    "@splunk/react-icons": "^5.10.0",
+    "@splunk/themes": "^1.7.0",
+    "@splunk/ui-utils": "^1.13.0",
     "decimal.js-light": "^2.5.1",
     "intl-tel-input": "^25.3.2",
-    "lodash": "^4.17.14",
+    "lodash": "^4.18.1",
     "moment": "^2.29.4",
     "prop-types": "^15.6.2",
     "react-markdown": "^8.0.7",
     "remark-gfm": "^1.0.0",
-    "tinycolor2": "^1.4.1",
     "use-sync-external-store": "^1.6.0",
     "use-typed-event-listener": "^3.0.0"
   },
@@ -63,10 +62,10 @@
     "@babel/core": "^7.28.0",
     "@babel/plugin-transform-runtime": "^7.28.0",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "^1.4.0",
-    "@splunk/eslint-config": "^5.0.0",
-    "@splunk/eslint-plugin-splunk-ui": "^0.1.0",
-    "@splunk/react-docs": "^1.6.0",
+    "@splunk/docs-gen": "^1.5.0",
+    "@splunk/eslint-config": "^5.1.0",
+    "@splunk/eslint-plugin-splunk-ui": "^0.2.0",
+    "@splunk/react-docs": "^1.7.0",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.3",
@@ -90,7 +89,6 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/styled-components": "^5.1.0",
-    "@types/tinycolor2": "^1.4.2",
     "@types/use-sync-external-store": "^1.5.0",
     "@types/webpack-env": "^1.15.2",
     "@typescript-eslint/eslint-plugin": "^8.29.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

@@ -99,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;
     /**
@@ -140,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.
      */

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

@@ -123,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;
     /**
@@ -165,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.
      */

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

@@ -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';