@splunk/react-ui 4.7.0 → 4.10.0

package/SlidingPanels.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 146:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -382,6 +382,8 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
 
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "panelInstances", {});
 
+    SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "willEnter", function () {
       return {
         translateX: 0
@@ -417,9 +419,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "handleAnimationEnd", function () {
       var _this$props$onAnimati, _this$props;
 
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
 
       (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
     });
@@ -517,6 +521,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
   }
 
   SlidingPanels_createClass(SlidingPanels, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.allowAnimationUpdates = false;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,

package/StaticContent.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
+/******/ 	return __webpack_require__(__webpack_require__.s = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 172:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 122);
+/******/ 	return __webpack_require__(__webpack_require__.s = 120);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 122:
+/***/ 120:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Switch.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 147:
+/***/ 145:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/TabBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 131);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -142,7 +142,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 131:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/TabLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 148);
+/******/ 	return __webpack_require__(__webpack_require__.s = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 148:
+/***/ 146:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_lodash_ = __webpack_require__(4);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
-var TabBar_ = __webpack_require__(82);
+var TabBar_ = __webpack_require__(81);
 var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 82:
+/***/ 81:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TabBar");

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
+/******/ 	return __webpack_require__(__webpack_require__.s = 112);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -502,14 +502,15 @@ function assertDefined(val, msg) {
 /* 58 */,
 /* 59 */,
 /* 60 */,
-/* 61 */
+/* 61 */,
+/* 62 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
 /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -539,13 +540,12 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 63 */,
 /* 64 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -604,13 +604,13 @@ module.exports = require("@splunk/react-icons/ChevronDown");
 /* 66 */,
 /* 67 */,
 /* 68 */,
-/* 69 */,
-/* 70 */
+/* 69 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
+/* 70 */,
 /* 71 */,
 /* 72 */,
 /* 73 */,
@@ -644,42 +644,40 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 101 */,
 /* 102 */,
 /* 103 */,
-/* 104 */,
-/* 105 */,
-/* 106 */
+/* 104 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 107 */
+/* 105 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 108 */
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 109 */
+/* 107 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 110 */
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
+/* 109 */,
+/* 110 */,
 /* 111 */,
-/* 112 */,
-/* 113 */,
-/* 114 */
+/* 112 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -708,7 +706,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(106);
+var external_react_resize_detector_ = __webpack_require__(104);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -1412,7 +1410,7 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(107);
+var SortedDown_ = __webpack_require__(105);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1459,7 +1457,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(108);
+var SortedUp_ = __webpack_require__(106);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1500,7 +1498,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(109);
+var Sort_ = __webpack_require__(107);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -2452,7 +2450,7 @@ HeadCell_defineProperty(HeadCell_HeadCell, "defaultProps", HeadCell_defaultProps
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/Info"
-var Info_ = __webpack_require__(110);
+var Info_ = __webpack_require__(108);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2495,7 +2493,7 @@ var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 var ChevronDown = __webpack_require__(64);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(61);
+var MoreVertical = __webpack_require__(62);
 
 // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
 function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
@@ -2777,7 +2775,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(70);
+var Switch_ = __webpack_require__(69);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 111:
+/***/ 109:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 132:
+/***/ 130:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -171,7 +171,7 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(111);
+var ControlGroup_ = __webpack_require__(109);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -1233,6 +1233,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       var hasEndAdornment = !!this.renderEndAdornment();
       var hasStartAdornment = !!this.renderStartAdornment();
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Text_extends({
+        tabIndex: -1,
         $isTimeInput: isTimeInput,
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-test": "text",

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 149);
+/******/ 	return __webpack_require__(__webpack_require__.s = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 149:
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -307,6 +307,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 var propTypes = {
+  /** @private */
+  appearance: external_prop_types_default.a.string,
   children: external_prop_types_default.a.node,
   closeDelay: external_prop_types_default.a.number,
   content: external_prop_types_default.a.node,
@@ -323,6 +325,7 @@ var propTypes = {
   splunkTheme: external_prop_types_default.a.object
 };
 var defaultProps = {
+  appearance: 'inverted',
   closeDelay: 0,
   contentRelationship: 'description',
   defaultPlacement: 'theme',
@@ -505,6 +508,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
+          appearance = _this$props3.appearance,
           children = _this$props3.children,
           content = _this$props3.content,
           defaultPlacement = _this$props3.defaultPlacement,
@@ -515,7 +519,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
           open = _this$props3.open,
           splunkTheme = _this$props3.splunkTheme,
           contentRelationship = _this$props3.contentRelationship,
-          otherProps = _objectWithoutProperties(_this$props3, ["children", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "splunkTheme", "contentRelationship"]);
+          otherProps = _objectWithoutProperties(_this$props3, ["appearance", "children", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "splunkTheme", "contentRelationship"]);
 
       var anchor = this.state.anchor;
       var hasContent = !!content;
@@ -566,7 +570,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
         role: "tooltip",
         align: "center",
         anchor: anchor,
-        appearance: "inverted",
+        appearance: appearance,
         closeReasons: ['offScreen', 'escapeKey'],
         defaultPlacement: defaultPlacement === 'theme' ? placement : defaultPlacement,
         id: this.popoverId,

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 175);
+/******/ 	return __webpack_require__(__webpack_require__.s = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 175:
+/***/ 173:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -234,6 +234,8 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     _defineProperty(_assertThisInitialized(_this), "getValue", function (el) {
       var animation = _this.props.animation;
       var value = 0;
@@ -277,9 +279,11 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleRest", function () {
       var _this$props$onAnimati, _this$props;
 
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
 
       (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
     });
@@ -420,6 +424,11 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
         }); // eslint-disable-line react/no-did-update-set-state
       }
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.allowAnimationUpdates = false;
+    }
   }, {
     key: "render",
     value: function render() {

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 176);
+/******/ 	return __webpack_require__(__webpack_require__.s = 174);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 176:
+/***/ 174:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.7.0",
+  "version": "4.10.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 --bail && yarn types:build && yarn build-storybook",
+    "build": "cross-env NODE_ENV=production webpack && yarn types:build && yarn build-storybook",
+    "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
+    "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
     "eslint:fix": "yarn run eslint --fix",
     "eslint:ci": "yarn run eslint -f junit -o test-reports/lint-results.xml",
@@ -26,7 +28,7 @@
     "test:cypress:ci": "yarn cypress run-ct",
     "test:visual:cloud": "splunk-wdio-functional-test-runner functional.visual.conf.js",
     "types:build": "tsc --emitDeclarationOnly --declaration --declarationDir ./types && node ./scripts/pruneTypes.js",
-    "types:start": "tsc --emitDeclarationOnly --declaration --declarationDir ./types --watch"
+    "types:start": "yarn types:build --watch"
   },
   "peerDependencies": {
     "react": "^16.8",
@@ -36,7 +38,7 @@
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
     "@splunk/themes": "^0.11.0",
-    "@splunk/ui-utils": "^1.4.0",
+    "@splunk/ui-utils": "^1.5.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
@@ -52,7 +54,7 @@
     "prop-types": "^15.6.2",
     "react-resize-detector": "^3.2.1",
     "react-sortable-hoc": "^1.11.0",
-    "react-spring": "^9.2.2",
+    "react-spring": "^9.2.4",
     "tinycolor2": "^1.4.1",
     "use-typed-event-listener": "^3.0.0"
   },
@@ -61,7 +63,9 @@
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
     "@splunk/babel-preset": "^3.0.0",
+    "@splunk/docs-gen": "^0.11.2",
     "@splunk/eslint-config": "^4.0.0",
+    "@splunk/react-docs": "^0.11.0",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.0",
     "@splunk/wdio-functional-test-runner": "^10.1.0",
@@ -94,6 +98,7 @@
     "cross-env": "^6.0.3",
     "cypress": "^9.5.1",
     "cypress-real-events": "^1.7.0",
+    "docgen-loader": "^1.3.4",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^7.14.0",
@@ -116,6 +121,7 @@
     "prompt": "^1.0.0",
     "raw-loader": "^0.5.1",
     "react": "^16.12.0",
+    "react-docgen": "^5.4.0",
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.13.1",
     "sinon": "^2.1.0",
@@ -125,7 +131,7 @@
     "typescript": "^4.0.5",
     "wdio-image-comparison-service": "^1.9.0",
     "webpack": "^4.16.2",
-    "webpack-cli": "^3.1.0",
+    "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4",
     "webpack-merge": "^4.1.3"
   },

package/stubs-splunkui.d.ts

@@ -1,6 +1,7 @@
 declare const __DEV__: boolean;
 declare const __EXAMPLES__: any;
 declare const __OPTIONS__: any;
+declare const __EXAMPLES_OFFSET__: number;
 
 declare module '__FONTS_IMPORT__/*' {
     const component: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
 export interface AccordionContext {
     onRequestClose?: CollapsiblePanelRequestCloseHandler;

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

@@ -0,0 +1,2 @@
+declare function Controlled(): JSX.Element;
+export default Controlled;

package/types/src/Accordion/docs/examples/FixedHeight.d.ts

@@ -0,0 +1,2 @@
+declare function FixedHeight(): JSX.Element;
+export default FixedHeight;

package/types/src/Accordion/docs/examples/InDropdown.d.ts

@@ -0,0 +1,2 @@
+declare function InDropdown(): JSX.Element;
+export default InDropdown;

package/types/src/Accordion/docs/examples/Inset.d.ts

@@ -0,0 +1,2 @@
+declare const Inset: () => JSX.Element;
+export default Inset;

package/types/src/Accordion/docs/examples/Uncontrolled.d.ts

@@ -0,0 +1,2 @@
+declare function Uncontrolled(): JSX.Element;
+export default Uncontrolled;

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

@@ -0,0 +1,2 @@
+declare function Basic(): JSX.Element;
+export default Basic;

package/types/src/AnimationToggle/docs/examples/Provider.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+declare class Provider extends Component<{}, {
+    animatedTransitions: boolean;
+    open: boolean;
+}> {
+    constructor(props: {});
+    handleButtonClick: () => void;
+    handleSwitchClick: () => void;
+    render(): JSX.Element;
+}
+export default Provider;

package/types/src/AnimationToggle/docs/examples/ReducedMotionComponent.d.ts

@@ -0,0 +1,2 @@
+declare const ReducedMotionComponent: () => JSX.Element;
+export default ReducedMotionComponent;

package/types/src/AnimationToggle/docs/examples/ReducedMotionHook.d.ts

@@ -0,0 +1,2 @@
+declare const ReducedMotionHook: () => JSX.Element;
+export default ReducedMotionHook;

package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+declare class ToggleComponent extends Component<{}, {
+    animatedTransitions: boolean;
+}> {
+    constructor(props: {});
+    handleSwitchClick: () => void;
+    render(): JSX.Element;
+}
+export default ToggleComponent;

package/types/src/AnimationToggle/docs/examples/ToggleHook.d.ts

@@ -0,0 +1,2 @@
+declare function ToggleHook(): JSX.Element;
+export default ToggleHook;