@splunk/react-ui 5.3.0 → 5.5.0

package/docker-compose.yml

@@ -1,53 +1,100 @@
 services:
-  prisma-storybook:
-    build: 
-      context: .
-      dockerfile: ../../infra/visual-tests/Dockerfile.storybook
-      args:
-        port: 6007
-        storybookfolder: storybook-static-visual-prisma
-        workdir: /react-ui
-    command: npx http-server storybook-static-visual-prisma --port 6007
-    ports:
-      - "6007:6007"
-  enterprise-storybook:
-    build: 
-      context: .
-      dockerfile: ../../infra/visual-tests/Dockerfile.storybook
-      args:
-        port: 6008
-        storybookfolder: storybook-static-visual-enterprise
-        workdir: /react-ui
-    command: npx http-server storybook-static-visual-enterprise --port 6008
-    ports:
-      - "6008:6008"
-  prisma-visual-test:
-    build: 
-      context: .
-      dockerfile: ../../infra/visual-tests/Dockerfile.visual
-      args:
-        workdir: /react-ui
-    env_file:
-      - ./.storybook-visual/config/.env.visual
-    working_dir: /react-ui
-    volumes:
-      - "./src:/react-ui/src"
-      - "./test-reports:/react-ui/test-reports"
-    depends_on:
-      - prisma-storybook
-    command: /bin/sh -c "npx wait-on http://prisma-storybook:6007 && yarn cache clean && yarn test-storybook -c .storybook-visual --browsers $${STORYBOOK_BROWSER} $${STORYBOOK_UPDATE_SNAPSHOT} $${STORYBOOK_MAX_WORKERS} --url http://prisma-storybook:6007 --no-index-json"
-  enterprise-visual-test:
-    build: 
-      context: .
-      dockerfile: ../../infra/visual-tests/Dockerfile.visual
-      args:
-        workdir: /react-ui
-    env_file:
-      - ./.storybook-visual/config/.env.visual
-    working_dir: /react-ui
-    volumes:
-      - "./src:/react-ui/src"
-      - "./test-reports:/react-ui/test-reports"
-    depends_on:
-      - enterprise-storybook
-    command: /bin/sh -c "npx wait-on http://enterprise-storybook:6008 && yarn cache clean && yarn test-storybook -c .storybook-visual --browsers $${STORYBOOK_BROWSER} $${STORYBOOK_UPDATE_SNAPSHOT} $${STORYBOOK_MAX_WORKERS} --url http://enterprise-storybook:6008 --no-index-json"
+    prisma-storybook:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.storybook
+            args:
+                port: 6007
+                storybookfolder: storybook-static-visual-prisma
+                workdir: /react-ui
+        command: npx http-server storybook-static-visual-prisma --port 6007
+        ports:
+            - '6007:6007'
+    enterprise-storybook:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.storybook
+            args:
+                port: 6008
+                storybookfolder: storybook-static-visual-enterprise
+                workdir: /react-ui
+        command: npx http-server storybook-static-visual-enterprise --port 6008
+        ports:
+            - '6008:6008'
+    splunk-magnetic-storybook:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.storybook
+            args:
+                port: 6009
+                storybookfolder: storybook-static-visual-splunk-magnetic
+                workdir: /react-ui
+        command: npx http-server storybook-static-visual-splunk-magnetic --port 6009
+        ports:
+            - '6009:6009'
+    prisma-visual-test:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.visual
+            args:
+                workdir: /react-ui
+        env_file:
+            - ./.storybook-visual/config/.env.visual
+        environment:
+            - JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1
+            - JOB_BROWSER=${JOB_BROWSER}
+        working_dir: /react-ui
+        volumes:
+            - './src:/react-ui/src'
+            - './test-reports:/react-ui/test-reports'
+            # TODO(SUI-8236): can remove once webpack.test.config.js imports of infra/.config.js are removed as this won't be needed any longer (verify with no cache docker build something else didn't start using it though)
+            - '../../infra/.config.js:/infra/.config.js:ro'
+            - '../../infra/storybook/utils.js:/infra/storybook/utils.js:ro'
+            - '../../infra/visual-tests/orphaned-snapshot-check-reporter.js:/infra/visual-tests/orphaned-snapshot-check-reporter.js:ro'
+        depends_on:
+            - prisma-storybook
+        command: /bin/sh -c "npx wait-on http://prisma-storybook:6007 && yarn cache clean && yarn test-storybook -c .storybook-visual --browsers $${STORYBOOK_BROWSER} $${STORYBOOK_UPDATE_SNAPSHOT} $${STORYBOOK_MAX_WORKERS} --url http://prisma-storybook:6007 --no-index-json"
+    enterprise-visual-test:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.visual
+            args:
+                workdir: /react-ui
+        env_file:
+            - ./.storybook-visual/config/.env.visual
+        environment:
+            - JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1
+            - JOB_BROWSER=${JOB_BROWSER}
+        working_dir: /react-ui
+        volumes:
+            - './src:/react-ui/src'
+            - './test-reports:/react-ui/test-reports'
+            # TODO(SUI-8236): can remove once webpack.test.config.js imports of infra/.config.js are removed as this won't be needed any longer (verify with no cache docker build something else didn't start using it though)
+            - '../../infra/.config.js:/infra/.config.js:ro'
+            - '../../infra/storybook/utils.js:/infra/storybook/utils.js:ro'
+            - '../../infra/visual-tests/orphaned-snapshot-check-reporter.js:/infra/visual-tests/orphaned-snapshot-check-reporter.js:ro'
+        depends_on:
+            - enterprise-storybook
+        command: /bin/sh -c "npx wait-on http://enterprise-storybook:6008 && yarn cache clean && yarn test-storybook -c .storybook-visual --browsers $${STORYBOOK_BROWSER} $${STORYBOOK_UPDATE_SNAPSHOT} $${STORYBOOK_MAX_WORKERS} --url http://enterprise-storybook:6008 --no-index-json"
+    splunk-magnetic-visual-test:
+        build:
+            context: .
+            dockerfile: ../../infra/visual-tests/Dockerfile.visual
+            args:
+                workdir: /react-ui
+        env_file:
+            - ./.storybook-visual/config/.env.visual
+        environment:
+            - JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1
+            - JOB_BROWSER=${JOB_BROWSER}
+        working_dir: /react-ui
+        volumes:
+            - './src:/react-ui/src'
+            - './test-reports:/react-ui/test-reports'
+            # TODO(SUI-8236): can remove once webpack.test.config.js imports of infra/.config.js are removed as this won't be needed any longer (verify with no cache docker build something else didn't start using it though)
+            - '../../infra/.config.js:/infra/.config.js:ro'
+            - '../../infra/storybook/utils.js:/infra/storybook/utils.js:ro'
+            - '../../infra/visual-tests/orphaned-snapshot-check-reporter.js:/infra/visual-tests/orphaned-snapshot-check-reporter.js:ro'
+        depends_on:
+            - splunk-magnetic-storybook
+        command: /bin/sh -c "npx wait-on http://splunk-magnetic-storybook:6009 && yarn cache clean && yarn test-storybook -c .storybook-visual --browsers $${STORYBOOK_BROWSER} $${STORYBOOK_UPDATE_SNAPSHOT} $${STORYBOOK_MAX_WORKERS} --url http://splunk-magnetic-storybook:6009 --no-index-json"

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@splunk/react-ui",
-  "version": "5.3.0",
+  "version": "5.5.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack && yarn types:build",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
+    "docs:llm": "NODE_ENV=production webpack --config docs-llm.gen.webpack.config.js",
     "docs:publish": "eval $(splunk-docs-package docs) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:publish:external": "eval $(splunk-docs-package docs-external --suffix=public) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:start": "INTERNAL=true webpack serve --config docs.gen.webpack.config.js",
@@ -44,28 +45,30 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@react-spring/web": "^9.7.5",
-    "@splunk/react-icons": "^5.3.0",
-    "@splunk/themes": "^1.2.1",
-    "@splunk/ui-utils": "^1.10.0",
-    "decimal.js-light": "^2.2.3",
+    "@splunk/react-icons": "^5.5.0",
+    "@splunk/themes": "^1.4.0",
+    "@splunk/ui-utils": "^1.12.0",
+    "decimal.js-light": "^2.5.1",
+    "intl-tel-input": "^25.3.2",
     "lodash": "^4.17.14",
     "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"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@babel/plugin-transform-runtime": "^7.28.0",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "^1.1.1",
+    "@splunk/docs-gen": "^1.2.0",
     "@splunk/eslint-config": "^5.0.0",
-    "@splunk/react-docs": "^1.3.0",
+    "@splunk/react-docs": "^1.4.0",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
-    "@splunk/webpack-configs": "^7.0.2",
+    "@splunk/webpack-configs": "^7.0.3",
     "@storybook/addon-a11y": "^7.6.20",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
@@ -74,12 +77,12 @@
     "@storybook/react-webpack5": "^7.6.20",
     "@storybook/test-runner": "0.16.0",
     "@testing-library/cypress": "^9.0.0",
-    "@testing-library/dom": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/lodash": "^4.14.156",
     "@types/node": "^18.16.0",
     "@types/prismjs": "^1.26.3",
@@ -87,6 +90,7 @@
     "@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",
     "@typescript-eslint/parser": "^8.29.1",
@@ -118,8 +122,8 @@
     "fs-readdir-recursive": "^1.0.0",
     "glob": "^7.1.6",
     "http-server": "^14.1.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.1.3",
+    "jest-environment-jsdom": "^30.1.2",
     "jest-image-snapshot": "^5.1.0",
     "jest-junit": "^10.0.0",
     "jest-stare": "^2.4.1",

package/stubs-splunkui.d.ts

@@ -8,92 +8,6 @@ declare module '__FONTS_IMPORT__/*' {
     export default component;
 }
 
-declare module '@splunk/ui-utils/color' {
-    function expandShortHandHex<T extends string | null | undefined>(arg: T): T;
-    function hexToRgb(hex: string): [number, number, number] | null;
-    function isCSSColor(value: string): boolean;
-    function isValidHexColor(value: string): boolean;
-    function isValidRgb(value: string): boolean;
-    function namedColorToHex(colorName: string): string | undefined;
-
-    const extendedColorKeywords: string[];
-    const extendedColorKeywordsToHex: { string: string };
-}
-
-declare module '@splunk/ui-utils/filter' {
-    function keywordLocations(
-        phrase: string,
-        keywords: string[]
-    ): { keyword: string; start: number; end: number }[];
-    function stringToKeywords(filterPhrase?: string): string[];
-    function testPhrase(phrase: string, keywords: string[]): boolean;
-}
-
-declare module '@splunk/ui-utils/format' {
-    // for now, assume this is guaranteed to return a string (and not undefined, null, ...)
-    function sprintf(...args: any[]): string;
-}
-
-declare module '@splunk/ui-utils/focus' {
-    // getSortedTabbableElements returns Elements
-    // handleTab / takeFocus both call focus() which exists only on HTMLElement/SVGElement (modern browsers), but not Element
-    function getSortedTabbableElements(
-        container: Element,
-        options?: { ignoreTabIndex: boolean }
-    ): Element[];
-    function isTabKey(event: KeyboardEvent<Element>): boolean;
-    function handleTab(container: Element, event: KeyboardEvent): Element | null;
-    function takeFocus(container: Element, defaultElement?: 'first' | 'container'): Element | null;
-    function handleFocus(
-        key: string,
-        actionItems: Element[],
-        currentIndex: number,
-        options?: {
-            enableLoop?: boolean;
-            orientation?: 'horizontal' | 'vertical';
-            enableTab?: boolean;
-            enableHomeEnd?: boolean;
-        }
-    ): void;
-}
-
-declare module '@splunk/ui-utils/i18n' {
-    // for now, assume this is guaranteed to return a string (and not undefined, null, ...)
-    function _(...args: any[]): string;
-}
-
-declare module '@splunk/ui-utils/id' {
-    function createDOMID(prefix?: string): string;
-    function createGUID(): string;
-}
-
-declare module '@splunk/ui-utils/keyboard' {
-    function addsCharacter(event: KeyboardEvent): boolean | undefined;
-    function keycode(event: KeyboardEvent | number | string): string;
-    function isDecimal(event: KeyboardEvent, options?: { locale: string }): boolean;
-    function isMinus(event: KeyboardEvent): boolean;
-    function isNumber(event: KeyboardEvent): boolean;
-    function isNumeric(event: KeyboardEvent, options?: { locale: string }): boolean;
-}
-
-declare module '@splunk/ui-utils/promise' {
-    interface CancelablePromise<T> {
-        cancel: () => void;
-        promise: Promise<T>;
-    }
-
-    function makeCancelable<T>(arg: Promise<T>): CancelablePromise<T>;
-}
-
-declare module '@splunk/ui-utils/scroll' {
-    export function scrollIntoViewIfNeeded(el?: HTMLElement | null): void;
-}
-
-declare module '@splunk/ui-utils/style' {
-    type ClassNameArg = ClassNameArg | Record<string, unknown> | string | undefined | null;
-    function toClassName(...args: ClassNameArg[]): string;
-}
-
 declare module '@splunk/react-docs/DocExample' {
     function getDependencyVersions(
         packageJSON: Record<string, unknown>,

package/test-runner-jest.config.js

@@ -50,6 +50,7 @@ module.exports = {
                         : 'a11y-report.html',
             },
         ],
+        '../../infra/visual-tests/orphaned-snapshot-check-reporter.js',
     ],
     globals: {
         __DEV__: true,

package/types/src/Badge/Badge.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { AnyTheme, Interpolation, OptionalThemedProps } from '@splunk/themes';
+import { ComponentProps } from '../utils/types';
+interface BadgePropsBase {
+    /** Changes the background color. Accepts `@splunk/themes` variable or any valid `color` value. */
+    backgroundColor?: React.CSSProperties['color'] | Interpolation<AnyTheme, OptionalThemedProps<AnyTheme>>;
+    children?: never;
+    /** A React ref which is set to the DOM element when the component mounts and null when it unmounts. */
+    elementRef?: React.Ref<HTMLSpanElement>;
+    /** The content of the badge. */
+    label: string;
+    /** Icon before the label. */
+    icon?: React.ReactNode;
+    /** Changes the text and icon color. Accepts `@splunk/themes` variable or any valid `color` value. */
+    foregroundColor?: React.CSSProperties['color'] | Interpolation<AnyTheme, OptionalThemedProps<AnyTheme>>;
+}
+type BadgeProps = ComponentProps<BadgePropsBase, 'span'>;
+declare function Badge({ backgroundColor, elementRef, label, icon, foregroundColor, ...otherProps }: BadgeProps): React.JSX.Element;
+declare namespace Badge {
+    var propTypes: {
+        backgroundColor: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        elementRef: PropTypes.Requireable<object>;
+        label: PropTypes.Validator<string>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        foregroundColor: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+    };
+}
+export default Badge;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * @name Basic
+ */
+export default function Basic(): React.JSX.Element;

package/types/src/Badge/docs/examples/Count.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * @name Count
+ * @description To set a max count, use the `truncateNumber` util from [@splunk/ui-utils](../ui-utils/Format).
+ */
+export default function Count(): React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * @name Custom colors
+ * @description The background and text of Badge can be customized with the `backgroundColor` and `foregroundColor` props. Prefer using variables from `@splunk/themes`, but other valid CSS color values are supported.
+ *
+ * In all cases, you must check that the chosen colors meet [contrast minimum for text of 4.5:1](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#user%20interface%20component).
+ */
+export default function CustomColors(): React.JSX.Element;

package/types/src/Badge/docs/examples/Icon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * @name With icon
+ * @description Use the `icon` prop with an icon component (e.g., `@splunk/react-icons`) to add visual context or emphasis alongside the badge's `label`. When using an icon, a label must also be provided.
+ */
+export default function Icon(): React.JSX.Element;

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

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

package/types/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import BreadcrumbsContext from './BreadcrumbsContext';
 import Item from './Item';
 import { ComponentProps } from '../utils/types';
 /** @public */
@@ -27,11 +28,6 @@ interface BreadcrumbsPropsBase {
     onClick?: BreadcrumbsClickHandler;
 }
 type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
-type BreadcrumbsContextValue = {
-    onClick?: BreadcrumbsClickHandler;
-    prefix?: string;
-};
-declare const BreadcrumbsContext: React.Context<BreadcrumbsContextValue>;
 declare function Breadcrumbs({ children, elementRef, enableCurrentPage, onClick, ...otherProps }: BreadcrumbsProps): React.JSX.Element;
 declare namespace Breadcrumbs {
     var propTypes: {

package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbsClickHandler } from '@splunk/react-ui/Breadcrumbs';
+export interface BreadcrumbsContext {
+    onClick?: BreadcrumbsClickHandler;
+    prefix?: string;
+}
+export declare const BreadcrumbsContext: import("react").Context<BreadcrumbsContext>;
+export default BreadcrumbsContext;

package/types/src/Breadcrumbs/Item.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BreadcrumbsClickHandler } from './Breadcrumbs';
+import { BreadcrumbsClickHandler } from '@splunk/react-ui/Breadcrumbs';
 import { ComponentProps } from '../utils/types';
 interface ItemPropsBase {
     /**

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

@@ -1,6 +1,6 @@
 import { AnyTheme, Interpolation, InterpolationResult, ThemedProps } from '@splunk/themes';
 declare const buttonVariants: readonly ["primary", "secondary", "destructive", "destructiveSecondary", "subtle", "standalone"];
-type ButtonVariant = typeof buttonVariants[number];
+type ButtonVariant = (typeof buttonVariants)[number];
 type ButtonStyleProps = ThemedProps & Partial<{
     $append: boolean;
     $prepend: boolean;

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

@@ -1,7 +1,7 @@
 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' | 'plain' | 'plaintext' | 'splunk-spl' | 'sql' | 'svg' | 'text' | 'txt' | 'xml' | 'yaml' | 'yml';
+type CodeSupportedLanguages = 'bash' | 'c' | 'clike' | 'cpp' | 'cs' | 'csharp' | 'css' | 'html' | 'javascript' | 'js' | 'json' | 'jsx' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'powershell' | 'py' | 'python' | 'sh' | 'shell' | 'splunk-spl' | 'sql' | 'svg' | 'text' | 'ts' | 'tsx' | 'txt' | 'typescript' | 'xml' | 'yaml' | 'yml';
 interface CodePropsBase {
     /** Change the style of the Code container. */
     containerAppearance?: 'none' | 'section';
@@ -51,8 +51,8 @@ declare namespace Code {
         containerAppearance: PropTypes.Requireable<string>;
         elementRef: PropTypes.Requireable<object>;
         indentChars: PropTypes.Requireable<number>;
-        language: PropTypes.Requireable<string>;
-        languageFallback: PropTypes.Requireable<string>;
+        language: PropTypes.Requireable<CodeSupportedLanguages>;
+        languageFallback: PropTypes.Requireable<CodeSupportedLanguages>;
         lineHighlights: PropTypes.Requireable<string>;
         lineNumberStart: PropTypes.Requireable<number>;
         showIndentGuide: PropTypes.Requireable<boolean>;
@@ -61,3 +61,4 @@ declare namespace Code {
     };
 }
 export default Code;
+export type { CodeSupportedLanguages };

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { JSONElement } from '@splunk/react-ui/JSONTree';
 import { TreeItemPropsBase } from '@splunk/react-ui/Tree';
-import { JSONElement } from './JSONTree';
 import { ComponentProps } from '../utils/types';
 export type ExpandLinkRenderer = (params: {
     onToggleExpansion: (event: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLSpanElement>, data?: {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { JSONElement, JSONTreeClickKeyHandler, JSONTreeClickValueHandler } from './JSONTree';
+import { JSONElement, JSONTreeClickKeyHandler, JSONTreeClickValueHandler } from '@splunk/react-ui/JSONTree';
 type RenderTreeItemsProps = {
     baseId: string;
     defaultOpen?: boolean;

package/types/src/Link/Link.d.ts

@@ -10,6 +10,10 @@ interface LinkPropsBase {
      * Adds an aria-disabled attribute and prevents clicking.
      */
     disabled?: boolean;
+    /**
+     * @private
+     */
+    enableVisitedStyling?: boolean;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */

package/types/src/Link/LinkContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface LinkProviderProps {
+    enableVisitedStyling?: boolean;
+    children: React.ReactNode;
+}
+type LinkContextValue = {
+    enableVisitedStyling: boolean;
+};
+declare const LinkContext: React.Context<LinkContextValue>;
+/**
+ * Control behavior for all children Link components.
+ */
+declare const LinkProvider: ({ enableVisitedStyling, children, }: LinkProviderProps) => React.ReactElement;
+export { LinkContext, LinkProvider, LinkContextValue, LinkProviderProps };

package/types/src/Link/docs/examples/Visited.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * @name Visited
+ * @description Enable visited link styling using the LinkProvider.
+ */
+declare const Visited: () => React.JSX.Element;
+export default Visited;

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

@@ -1,2 +1,3 @@
 export { default } from './Link';
 export * from './Link';
+export * from './LinkContext';

package/types/src/Modal/ModalContext.d.ts

@@ -1,4 +1,4 @@
-import { ModalRequestCloseHandler } from './Modal';
+import { ModalRequestCloseHandler } from '@splunk/react-ui/Modal';
 export interface ModalContext {
     divider?: 'header' | 'footer' | 'both' | 'none';
     titleId?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from './Multiselect';
-import { SelectBaseProps } from '../Select/SelectBase';
+import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from '@splunk/react-ui/Multiselect';
+import { SelectBaseProps } from '@splunk/react-ui/SelectBase';
 import { ComponentProps } from '../utils/types';
 interface CompactPropsBase {
     animateLoading?: boolean;
@@ -196,7 +196,7 @@ declare namespace Compact {
         /** @private */
         virtualization: PropTypes.Requireable<number>;
     };
-    var Option: typeof import("./Option").default;
+    var Option: typeof import("@splunk/react-ui/Multiselect").Option;
     var Divider: typeof import("@splunk/react-ui/Menu").Divider;
     var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Heading, Divider } from '@splunk/react-ui/Menu';
-import { SelectBaseChangeReason } from '@splunk/react-ui/Select/SelectBase';
+import { SelectBaseChangeReason } from '@splunk/react-ui/SelectBase';
 import { CompactPropsBase } from './Compact';
 import Option from './Option';
 import { ComponentProps } from '../utils/types';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from './Multiselect';
+import { MultiselectChangeHandler, MultiselectFilterChangeHandler, MultiselectScrollBottomHandler } from '@splunk/react-ui/Multiselect';
 import { ComponentProps } from '../utils/types';
 interface NormalPropsBase {
     /**
@@ -165,7 +165,7 @@ declare namespace Normal {
         tabConfirmsNewValue: PropTypes.Requireable<boolean>;
         values: PropTypes.Requireable<any[]>;
     };
-    var Option: typeof import("./Option").default;
+    var Option: typeof import("@splunk/react-ui/Multiselect").Option;
     var Divider: typeof import("@splunk/react-ui/Menu").Divider;
     var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }

package/types/src/Number/utils.d.ts

@@ -1,4 +1,4 @@
-declare const getDecimalSeparatorByLocale: (locale: string) => "." | ",";
+declare const getDecimalSeparatorByLocale: (locale: string) => "," | ".";
 type LimitValueArgs = {
     val: number;
     min?: number;