@splunk/react-ui 4.28.2 → 4.30.0

package/Text.js

@@ -1033,6 +1033,7 @@
             }
             if (false) {}
             if (false) {}
+            if (false) {}
             r.validateRows(e);
             return i;
         }

package/TextArea.d.ts

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

package/WaitSpinner.js

@@ -77,16 +77,16 @@
     const l = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const c = require("styled-components");
-    var m =  e.n(c);
+    var f =  e.n(c);
     // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
-    var p = m().div.withConfig({
+    var m = f().div.withConfig({
         displayName: "WaitSpinnerStyles__Styled",
         componentId: "sc-1nu971z-0"
     })([ "", ";align-items:center;" ], o.mixins.reset("inline-flex"));
-    var f = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
+    var p = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
     var d = (0, c.keyframes)([ "0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}" ]);
     var u = "2.07s";
-    var y = m().svg.withConfig({
+    var y = f().svg.withConfig({
         displayName: "WaitSpinnerStyles__StyledSvg",
         componentId: "sc-1nu971z-1"
     })([ "", " ", "" ], (0, o.pickVariant)("$size", {
@@ -105,20 +105,20 @@
     }), (function(e) {
         var t = e.$animated;
         return t && (0, o.pick)({
-            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], f),
-            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], f, u, d)
+            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], p),
+            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], p, u, d)
         });
     }));
     var h = (0, c.keyframes)([ "0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
     var v = (0, c.keyframes)([ "0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
-    var g = m().circle.withConfig({
+    var g = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
         componentId: "sc-1nu971z-2"
     })([ "stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;" ], o.variables.contentColorDisabled, (function(e) {
         var t = e.$animated;
         return t && (0, c.css)([ "animation:", " ", " infinite;animation-fill-mode:backwards;" ], h, u);
     }));
-    var k = m().circle.withConfig({
+    var k = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
         componentId: "sc-1nu971z-3"
     })([ "fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", "" ], (0, 
@@ -130,7 +130,7 @@
         var t = e.$animated;
         return t && (0, c.css)([ "animation:", " ", " infinite;" ], v, u);
     }));
-    var b = m().circle.withConfig({
+    var b = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
         componentId: "sc-1nu971z-4"
     })([ "fill:transparent;stroke:", ";stroke-width:2px;", "" ], (0, o.pick)({
@@ -190,32 +190,33 @@
         size: a().oneOf([ "small", "medium", "large" ])
     };
     function z(e) {
-        var t = e.elementRef, r = e.screenReaderText, n = r === void 0 ? (0, l._)("Waiting") : r, a = e.size, c = a === void 0 ? "small" : a, m = x(e, [ "elementRef", "screenReaderText", "size" ]);
+        var t = e.elementRef, r = e.screenReaderText, n = r === void 0 ? (0, l._)("Waiting") : r, a = e.size, c = a === void 0 ? "small" : a, f = x(e, [ "elementRef", "screenReaderText", "size" ]);
         // @docs-props-type WaitSpinnerPropsBase
-                var f = (0, s.useAnimationToggle)() === "on";
+                if (false) {}
+        var p = (0, s.useAnimationToggle)() === "on";
         var d = (0, o.useSplunkTheme)(), u = d.isPrisma;
         var h = u ? "0 0 40 40" : "0 0 19 19";
         
-        return i().createElement(p, w({
+        return i().createElement(m, w({
             "data-test": "wait-spinner"
-        }, m),  i().createElement(y, {
+        }, f),  i().createElement(y, {
             viewBox: h,
             version: "1.1",
             xmlns: "http://www.w3.org/2000/svg",
             ref: t,
-            $animated: f,
+            $animated: p,
             $size: c
         }, n &&  i().createElement("title", null, n),  i().createElement("g", null, u ?  i().createElement(i().Fragment, null,  i().createElement(g, {
             r: "19",
             cx: "20",
             cy: "20",
-            $animated: f,
+            $animated: p,
             $size: c
         }),  i().createElement(k, {
             r: "19",
             cx: "20",
             cy: "20",
-            $animated: f,
+            $animated: p,
             $size: c
         })) :  i().createElement(b, {
             cx: "9.5",

package/cypress/support/component.ts

@@ -1,5 +1,5 @@
 import { mount } from 'cypress/react';
-import { setGlobalConfig } from '@storybook/testing-react';
+import { setProjectAnnotations } from '@storybook/react';
 import { configure } from '@testing-library/cypress';
 
 import * as sbPreview from '../../.storybook/preview';
@@ -23,4 +23,4 @@ Cypress.Commands.add('mount', mount);
 
 configure({ testIdAttribute: 'data-test' });
 
-setGlobalConfig(sbPreview);
+setProjectAnnotations(sbPreview);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.28.2",
+  "version": "4.30.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -17,12 +17,12 @@
     "lint": "yarn run eslint && yarn run stylelint",
     "lint:ci": "yarn run eslint:ci && yarn run stylelint",
     "start": "cross-env NODE_ENV=development webpack --watch",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "sb dev -p 6006",
     "storybook:test": "node ../../infra/visual-tests/test.js",
     "storybook:test:all": "yarn storybook:test --all",
     "storybook:a11y": "yarn storybook:test --a11y",
     "storybook:a11y:all": "yarn storybook:test --all --a11y",
-    "storybook:build": "yarn build-storybook",
+    "storybook:build": "yarn sb build",
     "stylelint": "stylelint \"src/**/*.{ts,tsx,js,jsx}\" --config stylelint.config.js",
     "test": "jest",
     "test:ci": "JEST_JUNIT_OUTPUT_DIR=./test-reports JEST_JUNIT_OUTPUT_NAME=unit-results.xml JEST_JUNIT_CLASSNAME=unit yarn run test --ci --reporters=default jest-junit --coverage --coverageDirectory=coverage_report/coverage_maps_unit --coverageReporters=cobertura",
@@ -39,11 +39,12 @@
     "styled-components": "^5.3.10"
   },
   "dependencies": {
-    "@dnd-kit/core": "6.0.8",
-    "@dnd-kit/sortable": "7.0.2",
-    "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.3.0",
-    "@splunk/themes": "^0.17.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@splunk/react-icons": "^4.4.0",
+    "@splunk/themes": "^0.18.0",
     "@splunk/ui-utils": "^1.6.0",
     "commonmark": "^0.30.0",
     "commonmark-react-renderer": "^4.3.2",
@@ -60,21 +61,19 @@
     "@babel/core": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "1.0.0-beta.8",
+    "@splunk/docs-gen": "1.0.0-beta.9",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.12",
+    "@splunk/react-docs": "1.0.0-beta.13",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.2",
-    "@storybook/addon-a11y": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
     "@storybook/csf": "^0.0.1",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@storybook/test-runner": "^0.9.0",
-    "@storybook/testing-react": "^1.3.0",
+    "@storybook/manager-api": "^7.6.17",
+    "@storybook/react-webpack5": "^7.6.17",
+    "@storybook/test-runner": "0.16.0",
     "@testing-library/cypress": "^9.0.0",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
@@ -93,8 +92,8 @@
     "@types/tinycolor2": "^1.4.2",
     "@types/webdriverio": "^5.0.0",
     "@types/webpack-env": "^1.15.2",
-    "@typescript-eslint/eslint-plugin": "^4.8.2",
-    "@typescript-eslint/parser": "^4.8.2",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "axe-html-reporter": "^2.2.3",
     "axe-playwright": "^1.1.11",
     "babel-loader": "^8.3.0",
@@ -112,6 +111,7 @@
     "eslint-import-resolver-webpack": "^0.13.4",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jest": "27.9.0",
     "eslint-plugin-jest-dom": "^5.1.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.21.5",
@@ -136,9 +136,10 @@
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.13.1",
     "sinon": "^2.1.0",
+    "storybook": "^7.6.17",
     "styled-components": "^5.3.10",
     "stylelint": "^13.0.0",
-    "typescript": "^4.0.5",
+    "typescript": "^4.9.5",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",

package/test-runner-jest.config.js

@@ -13,6 +13,7 @@ const testMatch = process.env.STORYBOOK_TEST_COMPONENT
 module.exports = {
     // The default configuration comes from @storybook/test-runner
     ...getJestConfig(),
+    rootDir: process.cwd(),
     testMatch,
     transform: {
         '^.+\\.stories\\.[jt]sx?$': '@storybook/test-runner/playwright/transform',

package/types/src/Accordion/Accordion.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import Panel from './Panel';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type AccordionChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+type AccordionChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     event: React.MouseEvent<HTMLButtonElement>;
     panelId?: string | number;
     reason: 'toggleClick';
@@ -50,17 +50,13 @@ interface AccordionUncontrolledProps extends AccordionPropsBase {
 declare const defaultProps: {
     inset: boolean;
 };
-declare type AccordionProps = ClassComponentProps<AccordionControlledProps | AccordionUncontrolledProps, typeof defaultProps, 'div'>;
+type AccordionProps = ClassComponentProps<AccordionControlledProps | AccordionUncontrolledProps, typeof defaultProps, 'div'>;
 interface AccordionState {
     openPanelId?: string | number;
 }
 declare class Accordion extends Component<AccordionProps, AccordionState> {
     private controlledExternally;
-    static propTypes: React.WeakValidationMap<AccordionControlledProps & {
-        inset: boolean;
-    } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "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">> | React.WeakValidationMap<AccordionUncontrolledProps & {
-        inset: boolean;
-    } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "onPause" | "className" | "color" | "id" | "lang" | "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">>;
+    static propTypes: React.WeakValidationMap<AccordionProps>;
     static defaultProps: {
         inset: boolean;
     };

package/types/src/Accordion/Panel.d.ts

@@ -24,7 +24,7 @@ interface AccordionPanelPropsBase {
      */
     title: React.ReactNode;
 }
-declare type AccordionPanelProps = ComponentProps<AccordionPanelPropsBase, 'div'>;
+type AccordionPanelProps = ComponentProps<AccordionPanelPropsBase, 'div'>;
 /**
  * `Accordion.Panel` operates as a container component for content in an `Accordion`.
  */
@@ -35,7 +35,7 @@ declare namespace Panel {
         elementRef: PropTypes.Requireable<object>;
         inset: PropTypes.Requireable<boolean>;
         panelId: PropTypes.Validator<any>;
-        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
 }
 export default Panel;

package/types/src/Anchor/Anchor.d.ts

@@ -12,7 +12,7 @@ interface AnchorPropsBase {
      */
     name: string;
 }
-declare type AnchorProps = ComponentProps<AnchorPropsBase, 'a', 'href'>;
+type AnchorProps = ComponentProps<AnchorPropsBase, 'a', 'href'>;
 /**
  * `Anchor` is a utility component used to add a fragment link to an element.
  */

package/types/src/AnimationToggle/AnimationToggle.d.ts

@@ -21,9 +21,9 @@ interface AnimationToggleProps {
 declare function AnimationToggle({ on, off, reduced }: AnimationToggleProps): React.ReactElement;
 declare namespace AnimationToggle {
     var propTypes: {
-        on: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        off: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        reduced: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        on: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        off: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        reduced: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
     };
 }
 export default AnimationToggle;

package/types/src/Box/Box.d.ts

@@ -11,7 +11,7 @@ interface BoxPropsBase {
     flex?: boolean;
     inline?: boolean;
 }
-declare type BoxProps = ComponentProps<BoxPropsBase, 'div'>;
+type BoxProps = ComponentProps<BoxPropsBase, 'div'>;
 /**
  * Box is a utility component to normalize and abstract common layout styles.
  */

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Item from './Item';
 import { ComponentProps } from '../utils/types';
 /** @public */
-declare type BreadcrumbsClickHandler = (event: React.MouseEvent<HTMLAnchorElement>, data: {
+type BreadcrumbsClickHandler = (event: React.MouseEvent<HTMLAnchorElement>, data: {
     label?: string;
     to: string;
 }) => void;
@@ -26,8 +26,8 @@ interface BreadcrumbsPropsBase {
      */
     onClick?: BreadcrumbsClickHandler;
 }
-declare type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
-declare type BreadcrumbsContextValue = {
+type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
+type BreadcrumbsContextValue = {
     onClick?: BreadcrumbsClickHandler;
     prefix?: string;
 };
@@ -35,7 +35,7 @@ declare const BreadcrumbsContext: React.Context<BreadcrumbsContextValue>;
 declare function Breadcrumbs({ children, elementRef, enableCurrentPage, onClick, ...otherProps }: BreadcrumbsProps): JSX.Element;
 declare namespace Breadcrumbs {
     var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         elementRef: PropTypes.Requireable<object>;
         enableCurrentPage: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -36,7 +36,7 @@ interface ItemPropsBase {
      */
     to: string;
 }
-declare type ItemProps = ComponentProps<ItemPropsBase, 'a'>;
+type ItemProps = ComponentProps<ItemPropsBase, 'a'>;
 declare function Item({ enableCurrentPage, endAdornment, isCurrent, label, onClick, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
 declare namespace Item {
     var propTypes: {

package/types/src/Button/Button.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { legacyRefMode } from '@splunk/react-ui/Dropdown';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type ButtonClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
+type ButtonClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
     action?: string;
     icon?: React.ReactNode;
     label?: React.ReactNode;
@@ -66,12 +66,12 @@ interface ButtonPropsBase {
     value?: any;
 }
 declare const defaultProps: Required<Pick<ButtonPropsBase, 'appearance' | 'append' | 'disabled' | 'error' | 'inline' | 'isMenu' | 'openInNewContext' | 'prepend' | 'selected'>>;
-declare type ButtonButtonProps = ClassComponentProps<ButtonPropsBase, typeof defaultProps, 'button'>;
-declare type ButtonLinkProps = ClassComponentProps<ButtonPropsBase, typeof defaultProps, 'a', 'href'>;
-declare type ButtonProps = ButtonButtonProps | ButtonLinkProps;
+type ButtonButtonProps = ClassComponentProps<ButtonPropsBase, typeof defaultProps, 'button'>;
+type ButtonLinkProps = ClassComponentProps<ButtonPropsBase, typeof defaultProps, 'a', 'href'>;
+type ButtonProps = ButtonButtonProps | ButtonLinkProps;
 declare class Button extends Component<ButtonProps> {
     private component;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "a", "href">>;
+    static propTypes: React.WeakValidationMap<ButtonProps>;
     static defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>;
     static [legacyRefMode]: boolean;
     constructor(props: Readonly<ButtonProps>);

package/types/src/ButtonGroup/ButtonGroup.d.ts

@@ -13,7 +13,7 @@ interface ButtonGroupPropsBase {
     /** @private */
     flex?: boolean;
 }
-declare type ButtonGroupProps = ComponentProps<ButtonGroupPropsBase, 'div'>;
+type ButtonGroupProps = ComponentProps<ButtonGroupPropsBase, 'div'>;
 declare function ButtonGroup({ children, ...otherProps }: ButtonGroupProps): JSX.Element;
 declare namespace ButtonGroup {
     var propTypes: {