@splunk/react-ui 4.17.1 → 4.18.0

package/RadioList.js

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

package/Resize.js

@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -176,7 +176,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"

package/Scroll.js

@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -193,7 +193,7 @@ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 var external_react_spring_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"

package/Select.js

@@ -108,14 +108,14 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 103:
+/***/ 102:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/forEachRight");
 
 /***/ }),
 
-/***/ 104:
+/***/ 103:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/uniq");
@@ -129,7 +129,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 16:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/includes");
@@ -1015,7 +1015,7 @@ var find_ = __webpack_require__(52);
 var find_default = /*#__PURE__*/__webpack_require__.n(find_);
 
 // EXTERNAL MODULE: external "lodash/forEachRight"
-var forEachRight_ = __webpack_require__(103);
+var forEachRight_ = __webpack_require__(102);
 var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -1023,7 +1023,7 @@ var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(16);
+var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/isUndefined"
@@ -1043,7 +1043,7 @@ var pick_ = __webpack_require__(41);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "lodash/uniq"
-var uniq_ = __webpack_require__(104);
+var uniq_ = __webpack_require__(103);
 var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
 
 // EXTERNAL MODULE: external "lodash/without"

package/SidePanel.js

@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 101:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");
@@ -142,7 +142,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(102);
+var ModalLayer_ = __webpack_require__(101);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "styled-components"

package/Slider.js

@@ -108,17 +108,17 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 15:
+/***/ 153:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("decimal.js-light");
 
 /***/ }),
 
-/***/ 153:
+/***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("decimal.js-light");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -177,7 +177,7 @@ var keyboard_ = __webpack_require__(7);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"

package/StepBar.js

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

package/Switch.js

@@ -152,7 +152,7 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var id_ = __webpack_require__(8);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
-var Check_ = __webpack_require__(95);
+var Check_ = __webpack_require__(94);
 var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -759,7 +759,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 95:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Check");

package/TabBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 183);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 182:
+/***/ 183:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -194,9 +194,6 @@ var Styled = external_styled_components_default.a.div.withConfig({
   }
 }));
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(8);
-
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
 var Popover_ = __webpack_require__(21);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
@@ -205,6 +202,9 @@ var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
+// EXTERNAL MODULE: external "@splunk/ui-utils/id"
+var id_ = __webpack_require__(8);
+
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
 var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
@@ -429,6 +429,8 @@ var Tab_Tab = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "popoverId", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "ariaId", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
       _this.setState({
         anchor: el
@@ -484,6 +486,7 @@ var Tab_Tab = /*#__PURE__*/function (_Component) {
     });
 
     _this.popoverId = Object(id_["createDOMID"])('popover');
+    _this.ariaId = Object(id_["createDOMID"])('aria-id');
     _this.state = {
       open: false,
       anchor: null
@@ -524,55 +527,69 @@ var Tab_Tab = /*#__PURE__*/function (_Component) {
           layout = _this$context.layout,
           widthContext = _this$context.width;
       var style = otherProps.style;
-      var disabledValue = disabledContext || disabled;
+      var disabledValue = disabledContext || disabled || false;
       var iconSizeValue = iconSize || 'inline';
       var layoutValue = layout || 'horizontal';
       var styleValue = widthContext ? {
         width: widthContext
       } : style;
-      return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
-        "aria-controls": ariaControls,
-        "aria-selected": active,
-        "data-test": "tab",
-        "data-test-tab-id": tabId,
-        "data-test-popover-id": tooltip ? this.popoverId : undefined,
-        $layout: layoutValue,
-        $icon: icon && iconSizeValue !== 'inline' ? true : undefined,
-        disabled: disabledValue,
-        elementRef: this.handleMount,
-        style: styleValue
-      }, otherProps, {
-        onClick: this.handleClick,
-        onFocus: this.handleFocus,
-        onMouseEnter: this.handleTooltipOpen,
-        onBlur: this.handleTooltipClose,
-        onMouseLeave: this.handleTooltipClose,
-        role: "tab",
-        tabIndex: active ? undefined : -1 // @ts-expect-error - this is problematic, since the label
-        // prop is of type React.ReactNode, which means title
-        // can end up showing as "[object Object]"
-        ,
-        title: label,
-        to: to
-      }), /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
-        "data-test": "label",
-        $withUnderline: appearance === 'navigation'
-      }, icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, {
-        $iconSize: iconSizeValue
-      }, icon), label, (count === 0 || count) && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
-        "data-test": "count",
-        disabled: disabledValue
-      }, maxCount ? maxCountValue(count, maxCount) : count)), /*#__PURE__*/external_react_default.a.createElement(StyledUnderline, {
-        $layout: layoutValue,
-        $withUnderline: appearance === 'navigation'
-      }), !disabled && tooltip && /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
-        anchor: anchor,
-        appearance: "inverted",
-        closeReasons: [],
-        defaultPlacement: layoutValue === 'vertical' ? 'right' : 'above',
-        id: this.popoverId,
-        open: !!anchor && open
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledTooltipContent, null, tooltip)), tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, tooltip));
+      return (
+        /*#__PURE__*/
+        // TODO: Fix the ts error: https://splunk.atlassian.net/browse/SUI-5569
+        // eslint-disable-next-line
+        // @ts-ignore-next-line
+        external_react_default.a.createElement(StyledClickable, _extends({
+          "aria-controls": ariaControls,
+          "aria-selected": active,
+          "aria-labelledby": this.ariaId,
+          "data-test": "tab",
+          "data-test-tab-id": tabId,
+          "data-test-popover-id": tooltip ? this.popoverId : undefined,
+          $layout: layoutValue,
+          $icon: icon && iconSizeValue !== 'inline' ? true : undefined,
+          disabled: disabledValue,
+          elementRef: this.handleMount,
+          style: styleValue
+        }, otherProps, {
+          onClick: this.handleClick,
+          onFocus: this.handleFocus,
+          onMouseEnter: this.handleTooltipOpen,
+          onBlur: this.handleTooltipClose,
+          onMouseLeave: this.handleTooltipClose,
+          role: "tab",
+          tabIndex: active ? undefined : -1,
+          to: to
+        }), /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
+          "data-test": "label",
+          $withUnderline: appearance === 'navigation'
+        }, icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, {
+          $iconSize: iconSizeValue
+        }, icon), label, (count === 0 || count) && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
+          "data-test": "count",
+          disabled: disabledValue
+        }, maxCount ? maxCountValue(count, maxCount) : count)), /*#__PURE__*/external_react_default.a.createElement(StyledUnderline, {
+          $layout: layoutValue,
+          $withUnderline: appearance === 'navigation'
+        }), !disabled && tooltip && /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
+          role: "tooltip",
+          anchor: anchor // override Popover's default animation to make it faster
+          // this keeps the overall amount of time the Tooltip is on-screen the same
+          // even with the increased default closeDelay to address SUI-5116
+          ,
+          animationConfig: {
+            tension: 400
+          },
+          appearance: "inverted",
+          closeReasons: ['offScreen', 'escapeKey'],
+          defaultPlacement: layoutValue === 'vertical' ? 'right' : 'above',
+          id: this.popoverId,
+          open: !!anchor && open,
+          align: "center"
+        }, /*#__PURE__*/external_react_default.a.createElement(StyledTooltipContent, null, tooltip)), tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, {
+          "aria-hidden": "true",
+          id: this.ariaId
+        }, tooltip))
+      );
     }
   }]);
 

package/Table.js

@@ -184,13 +184,13 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("lodash/includes");
 
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/includes");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 /* 17 */
@@ -484,7 +484,8 @@ module.exports = require("lodash/isFunction");
 module.exports = require("lodash/isNumber");
 
 /***/ }),
-/* 75 */
+/* 75 */,
+/* 76 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -507,7 +508,6 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 76 */,
 /* 77 */,
 /* 78 */,
 /* 79 */,
@@ -548,13 +548,13 @@ module.exports = require("@splunk/react-icons/DotsThreeVertical");
 /* 104 */,
 /* 105 */,
 /* 106 */,
-/* 107 */
+/* 107 */,
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CaretsSmallUpDown");
 
 /***/ }),
-/* 108 */,
 /* 109 */,
 /* 110 */,
 /* 111 */
@@ -716,7 +716,7 @@ var external_react_resize_detector_ = __webpack_require__(159);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
@@ -730,7 +730,7 @@ var findIndex_ = __webpack_require__(111);
 var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(16);
+var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/without"
@@ -1468,7 +1468,7 @@ var CaretSmallDown_ = __webpack_require__(53);
 var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/CaretsSmallUpDown"
-var CaretsSmallUpDown_ = __webpack_require__(107);
+var CaretsSmallUpDown_ = __webpack_require__(108);
 var CaretsSmallUpDown_default = /*#__PURE__*/__webpack_require__.n(CaretsSmallUpDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
@@ -4397,7 +4397,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
 
 /* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(75);
+var types = __webpack_require__(76);
 
 // CONCATENATED MODULE: ./src/Table/Table.tsx
 function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }

package/Text.js

@@ -108,7 +108,7 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 105:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -198,7 +198,7 @@ var pickBy_ = __webpack_require__(61);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(104);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -1107,10 +1107,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
 
   }, {
     key: "focus",
-    value: function focus() {
+    value: function focus(options) {
       var _this$input2;
 
-      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus();
+      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus(options);
     }
   }, {
     key: "select",
@@ -1203,7 +1203,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         $error: error
       });
 
-      var haveSyntheticPlaceholder = useSyntheticPlaceholder && placeholder && !displayValue; // Do not render value in DOM when type is password, or passwordVisibiltyToggle is enabled
+      var haveSyntheticPlaceholder = useSyntheticPlaceholder && placeholder && !displayValue; // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
 
       var dataTestValue = type === 'password' || passwordVisibilityToggle ? undefined : displayValue; // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
 

package/TextArea.js

@@ -108,7 +108,7 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 105:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -142,7 +142,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -217,7 +217,7 @@ var throttle_ = __webpack_require__(31);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(104);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -232,7 +232,7 @@ var Search_ = __webpack_require__(51);
 var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"

package/Typography.js

@@ -121,7 +121,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/themes/mixins"
-var mixins_ = __webpack_require__(79);
+var mixins_ = __webpack_require__(80);
 var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -220,7 +220,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 79:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/mixins");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -65,11 +65,11 @@
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
-    "@splunk/babel-preset": "^3.0.0",
+    "@splunk/babel-preset": "^4.0.0",
     "@splunk/cicd-tools": "^0.5.0",
-    "@splunk/docs-gen": "1.0.0-beta.4",
+    "@splunk/docs-gen": "1.0.0-beta.5",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.4",
+    "@splunk/react-docs": "1.0.0-beta.5",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^6.0.0",
@@ -84,9 +84,7 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/chai": "^3.5.2",
-    "@types/enzyme": "^3.10.5",
-    "@types/jest": "^25.2.1",
+    "@types/jest": "^26.0.0",
     "@types/mocha": "^7.0.2",
     "@types/node": "^10.17.26",
     "@types/prismjs": "^1.16.1",
@@ -102,14 +100,11 @@
     "babel-plugin-styled-components": "^1.10.7",
     "babel-plugin-transform-imports": "^2.0.0",
     "babel-plugin-transform-require-context": "^0.1.1",
-    "chai": "^3.5.0",
     "core-js": "^3.6.4",
     "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",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.15.0",
@@ -124,7 +119,7 @@
     "glob": "^7.1.6",
     "html-webpack-plugin": "^3.2.0",
     "http-server": "^14.1.1",
-    "jest": "^25.1.0",
+    "jest": "^26.6.3",
     "jest-image-snapshot": "^5.1.0",
     "jest-junit": "^10.0.0",
     "jest-stare": "^2.4.1",

package/stubs-dependencies.d.ts

@@ -1,12 +1,3 @@
-declare namespace Chai {
-    interface Assert {
-        throwsSilent(fn: Function, message?: string): void;
-        throwsSilent(fn: Function, regExp: RegExp, message?: string): void;
-        throwsSilent(fn: Function, errType: Function, message?: string): void;
-        throwsSilent(fn: Function, errType: Function, regExp: RegExp): void;
-    }
-}
-
 declare module 'commonmark-react-renderer' {
     export default class Renderer {
         constructor(options: {});

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

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, `destructive` and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
+     * @themeNotes Enterprise themes support the following appearances: `default`, `primary`, `secondary`, `destructive` and `pill` (`pill` is deprecated). Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'pill' | 'toggle' | 'flat';
     /** Removes the right border and border-radius of the button so you can
@@ -27,10 +27,12 @@ interface ButtonPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
-    /** Turns the button red. If you use this prop, apply other error
+    /**
+     * @deprecated
+     * Turns the button red. If you use this prop, apply other error
      * indicators, such as an error message, to meet accessibility
      * requirements.
-     * @deprecated
+     *
      * */
     error?: boolean;
     /** Applies the text that displays on the button. */