baseui 11.2.1 → 12.1.1

package/README.md

@@ -58,11 +58,7 @@ export default function Hello () {
 }
 ```
 
-Both Base Web and Styletron come with [flow types](https://flow.org/) and [TypeScript](https://www.typescriptlang.org/index.html). All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages:
-
-```bash
-yarn add @types/styletron-standard @types/styletron-react @types/styletron-engine-atomic
-```
+Both Base Web and Styletron come with [flow types](https://flow.org/) and [TypeScript](https://www.typescriptlang.org/index.html). All our components are typed and examples have Vanilla, Flow and TypeScript versions.
 
 ## Docs
 

package/a11y/a11y.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export default function A11y(props: {
+    children: React.ReactNode;
+}): JSX.Element;

package/a11y/a11y.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,19 +11,19 @@ var React = _interopRequireWildcard(require("react"));
 
 var _axeCore = _interopRequireDefault(require("axe-core"));
 
-var _index = require("../layer/index.js");
+var _layer = require("../layer");
 
-var _index2 = require("../typography/index.js");
+var _typography = require("../typography");
 
-var _index3 = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _themeProvider = require("../styles/theme-provider.js");
+var _themeProvider = require("../styles/theme-provider");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -33,7 +33,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -51,9 +51,13 @@ function validateNode(node) {
 function segmentViolationsByNode(violations) {
   var nodes = violations.reduce(function (map, violation) {
     violation.nodes.forEach(function (node) {
+      // @ts-expect-error todo(flow-ts) node.target is an Array
       if (!map[node.target]) {
+        // @ts-expect-error todo(flow-ts) node.target is an Array
         map[node.target] = [violation];
       } else {
+        // todo(flow->ts) node.target is an Array
+        // @ts-expect-error todo(flow-ts) result of Array.push is not Array
         map[node.target] = map[node.target].push(violation);
       }
     });
@@ -62,7 +66,7 @@ function segmentViolationsByNode(violations) {
   return Object.entries(nodes);
 }
 
-var ViolationContainer = (0, _index3.styled)('div', function (_ref) {
+var ViolationContainer = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $top = _ref.$top,
       $left = _ref.$left;
@@ -129,19 +133,19 @@ function Violation(props) {
     };
   }, [props.target]);
   if (!isHovered) return null;
-  return /*#__PURE__*/React.createElement(_index.Layer, null, /*#__PURE__*/React.createElement(_index.TetherBehavior, {
+  return /*#__PURE__*/React.createElement(_layer.Layer, null, /*#__PURE__*/React.createElement(_layer.TetherBehavior, {
     anchorRef: anchor,
     popperRef: popper,
     onPopperUpdate: function onPopperUpdate(update) {
       return setOffset(update.popper);
     },
-    placement: _index.TETHER_PLACEMENT.bottom
+    placement: _layer.TETHER_PLACEMENT.bottom
   }, /*#__PURE__*/React.createElement(ViolationContainer, {
     ref: setPopper,
     $top: "".concat(offset.top, "px") || '0px',
     $left: "".concat(offset.left, "px") || '0px'
-  }, /*#__PURE__*/React.createElement(_index2.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
-    return /*#__PURE__*/React.createElement(_index2.ParagraphSmall, {
+  }, /*#__PURE__*/React.createElement(_typography.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
+    return /*#__PURE__*/React.createElement(_typography.ParagraphSmall, {
       key: index
     }, violation.description);
   }))));
@@ -180,14 +184,10 @@ function A11y(props) {
         node = _ref3[0],
         violations = _ref3[1];
 
-    return (
-      /*#__PURE__*/
-      // flowlint-next-line unclear-type:off
-      React.createElement(Violation, {
-        target: node,
-        violations: violations,
-        key: index
-      })
-    );
+    return /*#__PURE__*/React.createElement(Violation, {
+      target: node,
+      violations: violations,
+      key: index
+    });
   })));
 }

package/a11y/index.d.ts

@@ -1,3 +1 @@
-import * as React from 'react';
-
-export declare const Unstable_A11y: React.FC;
+export { default as Unstable_A11y } from './a11y';

package/a11y/index.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "Unstable_A11y", {
   }
 });
 
-var _a11y = _interopRequireDefault(require("./a11y.js"));
+var _a11y = _interopRequireDefault(require("./a11y"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/a11y/types.d.ts

@@ -0,0 +1,5 @@
+import type { Result } from 'axe-core';
+export declare type ViolationProps = {
+    target: string;
+    violations: Result[];
+};

package/a11y/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/accordion/accordion.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { AccordionProps, AccordionState, StateChangeType } from './types';
+export default class Accordion extends React.Component<AccordionProps, AccordionState> {
+    static defaultProps: Partial<AccordionProps>;
+    state: {
+        expanded: React.Key[];
+    };
+    itemRefs: React.RefObject<HTMLDivElement>[];
+    onPanelChange(key: React.Key, onChange: (...args: any[]) => {}, ...args: Array<any>): void;
+    internalSetState(type: StateChangeType, changes: AccordionState): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    getItems(): any;
+    render(): JSX.Element;
+}

package/accordion/accordion.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,23 +9,23 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -35,35 +35,35 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -94,8 +94,12 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 
   _createClass(Accordion, [{
     key: "onPanelChange",
-    value: //flowlint-next-line unclear-type:off
+    value: // eslint-disable-next-line @typescript-eslint/no-explicit-any
     function onPanelChange(key, onChange) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
       var activeKeys = this.state.expanded;
       var accordion = this.props.accordion;
 
@@ -119,10 +123,6 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
       };
       this.internalSetState(_constants.STATE_CHANGE_TYPE.expand, newState); // Call individual panel's onChange handler
 
-      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-        args[_key2 - 2] = arguments[_key2];
-      }
-
       if (typeof onChange === 'function') onChange.apply(void 0, args);
     }
   }, {
@@ -196,7 +196,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           disabled = _this$props2.disabled,
           children = _this$props2.children,
           renderAll = _this$props2.renderAll,
-          overrides = _this$props2.overrides; // flowlint-next-line unclear-type:off
+          overrides = _this$props2.overrides; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
       return React.Children.map(children, function (child, index) {
         if (!child) return;

package/accordion/accordion.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-/* eslint-disable cup/no-undef */
+
 import * as React from 'react';
 import { getOverrides } from '../helpers/overrides.js';
 import { Root as StyledRoot } from './styled-components.js';

package/accordion/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const STATE_CHANGE_TYPE: {
+    readonly expand: "expand";
+};

package/accordion/index.d.ts

@@ -1,132 +1,12 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const STATE_CHANGE_TYPE: {
-  expand: 'expand';
-};
-
-export interface AccordionOverrides<T> {
-  Content?: Override<T>;
-  ContentAnimationContainer?: Override<T>;
-  Header?: Override<T>;
-  PanelContainer?: Override<T>;
-  Root?: Override<T>;
-  ToggleIcon?: Override<T>;
-  ToggleIconGroup?: Override<T>;
-}
-
-export interface SharedProps {
-  $color?: string;
-  $disabled?: boolean;
-  $expanded?: boolean;
-  $size?: string | number;
-}
-
-export type StateReducer<T> = (
-  stateChangeType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-  nextState: T,
-  currentState: T
-) => T;
-
-export interface AccordionProps {
-  accordion?: boolean;
-  children: React.ReactNode;
-  disabled?: boolean;
-  initialState?: AccordionState;
-  onChange?: (args: { expanded: React.Key[] }) => any;
-  overrides?: AccordionOverrides<SharedProps>;
-  stateReducer?: StateReducer<AccordionState>;
-  renderAll?: boolean;
-}
-
-export type StatelessAccordionProps = {
-  accordion?: boolean;
-  children: React.ReactNode;
-  disabled?: boolean;
-  expanded: React.Key[];
-  onChange?: (args: { expanded: React.Key[]; key: React.Key }) => any;
-  overrides?: AccordionOverrides<SharedProps> & PanelOverrides<SharedProps>;
-  renderAll?: boolean;
-};
-
-export declare const StatelessAccordion: React.FC<StatelessAccordionProps>;
-
-export interface AccordionState {
-  expanded: React.Key[];
-}
-
-export class Accordion extends React.Component<AccordionProps, AccordionState> {
-  onPanelChange(key: React.Key, onChange: () => any, ...args: any): void;
-  internalSetState(
-    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-    changes: AccordionState
-  ): void;
-  getItems(): React.ReactNode;
-}
-
-export interface PanelOverrides<T> {
-  PanelContainer?: Override<T>;
-  Header?: Override<T>;
-  ToggleIcon?: Override<T>;
-  ToggleIconGroup?: Override<T>;
-  Content?: Override<T>;
-  ContentAnimationContainer?: Override<T>;
-}
-
-export interface SharedPanelProps {
-  children: React.ReactNode;
-  disabled?: boolean;
-  key?: React.Key;
-  onChange?: (args: { expanded: boolean }) => any;
-  onClick?: (e: Event) => any;
-  onKeyDown?: (e: KeyboardEvent) => any;
-  overrides?: PanelOverrides<SharedProps>;
-  title?: React.ReactNode;
-  renderAll?: boolean;
-}
-
-export interface SharedStatefulPanelContainerProps {
-  initialState?: PanelState;
-  onChange?: (args: { expanded: boolean }) => any;
-  stateReducer?: StateReducer<PanelState>;
-}
-
-export type PanelProps = SharedPanelProps & { expanded?: boolean };
-
-export class Panel extends React.Component<PanelProps> {
-  onClick(e: Event): void;
-  onKeyDown(e: KeyboardEvent): void;
-  getSharedProps(): SharedProps;
-}
-
-export type StatefulPanelProps = SharedPanelProps & SharedStatefulPanelContainerProps;
-
-export declare const StatefulPanel: React.FC<StatefulPanelProps>;
-
-export type StatefulPanelContainerProps = SharedStatefulPanelContainerProps & {
-  children: React.ReactNode;
-};
-
-export interface PanelState {
-  expanded: boolean;
-}
-
-export class StatefulPanelContainer extends React.Component<
-  StatefulPanelContainerProps,
-  PanelState
-> {
-  onChange(args: any): void;
-  internalSetState(
-    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-    changes: PanelState
-  ): void;
-}
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledPanelContainer: StyletronComponent<any, any>;
-export declare const StyledHeader: StyletronComponent<any, any>;
-export declare const StyledContent: StyletronComponent<any, any>;
-export declare const StyledContentAnimationContainer: StyletronComponent<any, any>;
-export declare const StyledToggleIcon: StyletronComponent<any, any>;
-export declare const StyledToggleIconGroup: StyletronComponent<any, any>;
+import type { SharedStylePropsArg } from './types';
+export { default as Accordion } from './accordion';
+export { default as Panel } from './panel';
+export { default as StatefulPanel } from './stateful-panel';
+export { default as StatefulPanelContainer } from './stateful-panel-container';
+export { default as StatelessAccordion } from './stateless-accordion';
+export { STATE_CHANGE_TYPE } from './constants';
+export { Root as StyledRoot, PanelContainer as StyledPanelContainer, Header as StyledHeader, Content as StyledContent, ContentAnimationContainer as StyledContentAnimationContainer, ToggleIcon as StyledToggleIcon, ToggleIconGroup as StyledToggleIconGroup, } from './styled-components';
+export * from './types';
+export type { AccordionLocale } from './locale';
+/** @deprecated use SharedStylePropsArg instead. To be removed in future versions.*/
+export declare type SharedProps = SharedStylePropsArg;

package/accordion/index.js

@@ -3,6 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  Accordion: true,
+  Panel: true,
+  StatefulPanel: true,
+  StatefulPanelContainer: true,
+  StatelessAccordion: true,
+  STATE_CHANGE_TYPE: true,
+  StyledRoot: true,
+  StyledPanelContainer: true,
+  StyledHeader: true,
+  StyledContent: true,
+  StyledContentAnimationContainer: true,
+  StyledToggleIcon: true,
+  StyledToggleIconGroup: true
+};
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function get() {
@@ -15,6 +30,12 @@ Object.defineProperty(exports, "Panel", {
     return _panel.default;
   }
 });
+Object.defineProperty(exports, "STATE_CHANGE_TYPE", {
+  enumerable: true,
+  get: function get() {
+    return _constants.STATE_CHANGE_TYPE;
+  }
+});
 Object.defineProperty(exports, "StatefulPanel", {
   enumerable: true,
   get: function get() {
@@ -33,22 +54,16 @@ Object.defineProperty(exports, "StatelessAccordion", {
     return _statelessAccordion.default;
   }
 });
-Object.defineProperty(exports, "STATE_CHANGE_TYPE", {
-  enumerable: true,
-  get: function get() {
-    return _constants.STATE_CHANGE_TYPE;
-  }
-});
-Object.defineProperty(exports, "StyledRoot", {
+Object.defineProperty(exports, "StyledContent", {
   enumerable: true,
   get: function get() {
-    return _styledComponents.Root;
+    return _styledComponents.Content;
   }
 });
-Object.defineProperty(exports, "StyledPanelContainer", {
+Object.defineProperty(exports, "StyledContentAnimationContainer", {
   enumerable: true,
   get: function get() {
-    return _styledComponents.PanelContainer;
+    return _styledComponents.ContentAnimationContainer;
   }
 });
 Object.defineProperty(exports, "StyledHeader", {
@@ -57,16 +72,16 @@ Object.defineProperty(exports, "StyledHeader", {
     return _styledComponents.Header;
   }
 });
-Object.defineProperty(exports, "StyledContent", {
+Object.defineProperty(exports, "StyledPanelContainer", {
   enumerable: true,
   get: function get() {
-    return _styledComponents.Content;
+    return _styledComponents.PanelContainer;
   }
 });
-Object.defineProperty(exports, "StyledContentAnimationContainer", {
+Object.defineProperty(exports, "StyledRoot", {
   enumerable: true,
   get: function get() {
-    return _styledComponents.ContentAnimationContainer;
+    return _styledComponents.Root;
   }
 });
 Object.defineProperty(exports, "StyledToggleIcon", {
@@ -82,18 +97,32 @@ Object.defineProperty(exports, "StyledToggleIconGroup", {
   }
 });
 
-var _accordion = _interopRequireDefault(require("./accordion.js"));
+var _accordion = _interopRequireDefault(require("./accordion"));
 
-var _panel = _interopRequireDefault(require("./panel.js"));
+var _panel = _interopRequireDefault(require("./panel"));
 
-var _statefulPanel = _interopRequireDefault(require("./stateful-panel.js"));
+var _statefulPanel = _interopRequireDefault(require("./stateful-panel"));
 
-var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container.js"));
+var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container"));
 
-var _statelessAccordion = _interopRequireDefault(require("./stateless-accordion.js"));
+var _statelessAccordion = _interopRequireDefault(require("./stateless-accordion"));
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/accordion/locale.d.ts

@@ -0,0 +1,9 @@
+export declare type AccordionLocale = {
+    collapse: string;
+    expand: string;
+};
+declare const locale: {
+    collapse: string;
+    expand: string;
+};
+export default locale;

package/accordion/panel.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const ForwardedPanel: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    disabled?: boolean;
+    'aria-controls'?: string;
+    key?: React.Key;
+    onChange?: import("./types").OnChangeHandler;
+    onClick?: (e: Event) => unknown;
+    onKeyDown?: (e: KeyboardEvent) => unknown;
+    overrides?: import("./types").PanelOverrides;
+    title?: React.ReactNode;
+    renderPanelContent?: boolean;
+    renderAll?: boolean;
+} & {
+    expanded?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export default ForwardedPanel;