@splunk/react-ui 4.4.1 → 4.5.2

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 121);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,21 +101,48 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 100:
+/***/ 103:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
 
-/***/ 101:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 
-/***/ 116:
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+function updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } else {
+      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+      // the intention here is to signal "we will take care of setting 'current', not you".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
+
+
+/***/ }),
+
+/***/ 121:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -133,31 +160,31 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "react-event-listener"
-var external_react_event_listener_ = __webpack_require__(15);
-var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
-
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+var style_ = __webpack_require__(39);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(100);
+var ControlGroup_ = __webpack_require__(103);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Search"
-var Search_ = __webpack_require__(101);
+var Search_ = __webpack_require__(104);
 var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -204,7 +231,7 @@ function Search(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(21);
+var CrossMark = __webpack_require__(22);
 
 // CONCATENATED MODULE: ./src/Text/syncHeightWithShadow.ts
 // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
@@ -282,10 +309,10 @@ function syncHeightWithShadow(_ref) {
   return false;
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(22);
+var SVG_ = __webpack_require__(23);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
@@ -407,7 +434,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // CONCATENATED MODULE: ./src/Text/TextStyles.ts
@@ -827,8 +854,7 @@ var defaultProps = {
   rowsMin: 2,
   tabIndex: 0,
   type: 'text',
-  passwordVisibilityToggle: false,
-  useSyntheticPlaceholder: false
+  passwordVisibilityToggle: false
 };
 
 /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */
@@ -992,7 +1018,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           disabled = _this$props7.disabled,
           canClear = _this$props7.canClear,
           splunkTheme = _this$props7.splunkTheme;
-      var isPrisma = (splunkTheme === null || splunkTheme === void 0 ? void 0 : splunkTheme.family) === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var adornmentProps = {
         ref: function ref(el) {
           _this.endAdornment = el;
@@ -1061,7 +1087,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           startAdornment = _this$props8.startAdornment,
           splunkTheme = _this$props8.splunkTheme,
           disabled = _this$props8.disabled;
-      var isPrisma = (splunkTheme === null || splunkTheme === void 0 ? void 0 : splunkTheme.family) === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var adornmentProps = {
         ref: function ref(el) {
           _this.startAdornment = el;
@@ -1079,7 +1105,8 @@ var Text_Text = /*#__PURE__*/function (_Component) {
           $disabled: disabled
         }, /*#__PURE__*/external_react_default.a.createElement(Search, {
           enterpriseSize: "16px",
-          inline: false
+          inline: false,
+          screenReaderText: "Search"
         })));
       }
 
@@ -1096,6 +1123,11 @@ var Text_Text = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (Object(external_lodash_["has"])(props, 'useSyntheticPlaceholder')) {
+      // eslint-disable-next-line no-console
+      console.warn("The 'Text' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
+    }
+
     Text.validateRows(props);
     _this.handleResize = Object(external_lodash_["throttle"])(_this.handleResize, 100);
     return _this;
@@ -1278,7 +1310,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         as: multiline ? 'textarea' : undefined,
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-multiline": multiline || null,
-        "data-test": "disabled-textbox",
+        "data-test": "textbox",
         disabled: true,
         readOnly: true,
         style: multiline ? {
@@ -1293,9 +1325,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         } : undefined
       }, ariaProps)) : /*#__PURE__*/external_react_default.a.createElement(StyledInput, Text_extends({
         as: multiline ? 'textarea' : undefined
-      }, inputProps)), !disabled && multiline && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-        target: "window",
-        onResize: this.handleResize
+      }, inputProps)), !disabled && multiline && /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "resize",
+        listener: this.handleResize
       }), haveSyntheticPlaceholder && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, placeholder), haveSyntheticPlaceholder && /*#__PURE__*/external_react_default.a.createElement(StyledPlaceholder, {
         $endAdornmentWidth: this.state.endAdornmentWidth,
         $hasBothAdornment: hasStartAdornment && hasEndAdornment // used to calculate the max-width
@@ -1331,50 +1364,23 @@ TextWithTheme.componentType = Text_Text.componentType;
 
 
 
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-function updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } else {
-      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-      // the intention here is to signal "we will take care of setting 'current', not you".
-      ref.current = current; // eslint-disable-line no-param-reassign
-    }
-  }
-}
-
-
-
 /***/ }),
 
 /***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
@@ -1388,14 +1394,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__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);
@@ -1438,14 +1444,14 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -1459,17 +1465,17 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 39:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 40:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("lodash");
 
 /***/ }),
 

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 133);
+/******/ 	return __webpack_require__(__webpack_require__.s = 142);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 133:
+/***/ 142:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,11 +137,11 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -154,7 +154,7 @@ var id_ = __webpack_require__(10);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(22);
+var SVG_ = __webpack_require__(23);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -202,7 +202,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
@@ -515,7 +515,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
       var openRender = !!anchor && this.isControlled() ? open : hasContent && this.state.open;
       var StyledComp = inline ? StyledInline : Styled;
       var StyledToggleComp = inline ? StyledToggleInline : StyledToggle;
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var placement = isPrisma ? 'below' : 'above';
       var cloneProps;
 
@@ -588,14 +588,14 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -609,7 +609,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 155);
+/******/ 	return __webpack_require__(__webpack_require__.s = 167);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 155:
+/***/ 167:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,10 +126,10 @@ var external_lodash_ = __webpack_require__(4);
 var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(24);
+var focus_ = __webpack_require__(25);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+var style_ = __webpack_require__(39);
 
 // EXTERNAL MODULE: external "react-spring"
 var external_react_spring_ = __webpack_require__(18);
@@ -445,7 +445,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
@@ -466,17 +466,17 @@ module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 4:
+/***/ 39:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 40:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("lodash");
 
 /***/ })
 

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 140);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 140:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -229,9 +229,8 @@ function WaitSpinner(_ref) {
   var animated = Object(AnimationToggle_["useAnimationToggle"])() === 'on';
 
   var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      family = _useSplunkTheme.family;
+      isPrisma = _useSplunkTheme.isPrisma;
 
-  var isPrisma = family === 'prisma';
   var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     "data-test": "wait-spinner"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.4.1",
+  "version": "4.5.2",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -16,7 +16,7 @@
     "storybook:build": "./.storybook/scripts/build.sh",
     "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=json",
+    "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",
     "test:watch": "jest --watch",
     "test:functional": "splunk-wdio-functional-test-runner functional.local.conf.js",
     "test:functional:coverage": "cross-env NODE_ENV=test-coverage splunk-wdio-functional-test-runner functional.local.conf.js --coverage",
@@ -33,13 +33,12 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.1.0",
-    "@splunk/themes": "^0.9.0",
+    "@splunk/themes": "^0.10.0",
     "@splunk/ui-utils": "^1.4.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
     "@types/react-dom": "^16.9.8",
-    "@types/react-event-listener": "^0.4.10",
     "@types/react-resize-detector": "^3.1.1",
     "@types/styled-components": "^5.1.0",
     "@types/tinycolor2": "^1.4.2",
@@ -49,11 +48,11 @@
     "lodash": "^4.17.14",
     "moment": "^2.22.2",
     "prop-types": "^15.6.2",
-    "react-event-listener": "^0.6.2",
     "react-resize-detector": "^3.2.1",
     "react-sortable-hoc": "^1.11.0",
     "react-spring": "^9.2.2",
-    "tinycolor2": "^1.4.1"
+    "tinycolor2": "^1.4.1",
+    "use-typed-event-listener": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.2.0",
@@ -108,7 +107,7 @@
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.12.0",
     "sinon": "^2.1.0",
-    "styled-components": "^5.1.1",
+    "styled-components": "5.1.1",
     "stylelint": "^13.0.0",
     "ts-loader": "^6.2.1",
     "typescript": "^4.0.5",

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
+export interface AccordionContext {
+    onRequestClose?: CollapsiblePanelRequestCloseHandler;
+    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
+    openPanelId?: string | number;
+    inset?: boolean;
+}
+export declare const AccordionContext: import("react").Context<AccordionContext>;
+export default AccordionContext;

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
 import { ComponentProps } from '../utils/types';
 interface AccordionPanelPropsBase {
     /** Displays right-aligned text in the title bar of the panel. */
@@ -24,14 +23,6 @@ interface AccordionPanelPropsBase {
      * Displays the the name of the panel in its title bar.
      */
     title: React.ReactNode;
-    /** @private */
-    disabled?: boolean;
-    /** @private */
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    /** @private */
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
-    /** @private */
-    open?: boolean;
 }
 declare type AccordionPanelProps = ComponentProps<AccordionPanelPropsBase, 'div'>;
 /**

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

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { legacyRefMode } from '@splunk/react-ui/Dropdown';
+import { ButtonGroupContext } from '../ButtonGroup/ButtonGroupContext';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
 declare type ButtonClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
@@ -65,8 +66,9 @@ declare type ButtonLinkProps = ClassComponentProps<ButtonPropsBase, typeof defau
 declare 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" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>, "a", "href">>;
-    static defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>;
+    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 defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>;
+    static contextType: React.Context<ButtonGroupContext>;
     static [legacyRefMode]: boolean;
     private handleClick;
     private handleMount;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ButtonGroupContext {
+    inline?: boolean;
+    role?: string;
+}
+export declare const ButtonGroupContext: import("react").Context<ButtonGroupContext>;
+export default ButtonGroupContext;