baseui 12.0.0 → 12.1.0

package/data-table/types.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { COLUMNS, SORT_DIRECTIONS } from './constants';
-import type { SyntheticEvent } from 'react';
+import type * as React from 'react';
+import type { COLUMNS, SORT_DIRECTIONS } from './constants';
 export declare type SortDirections = typeof SORT_DIRECTIONS[keyof typeof SORT_DIRECTIONS];
 export declare type Columns = typeof COLUMNS[keyof typeof COLUMNS];
 export declare type SharedColumnOptions<Value> = {
@@ -45,7 +44,7 @@ export declare type BatchAction = {
     label: string;
     onClick: (a: {
         clearSelection: () => unknown;
-        event: SyntheticEvent<HTMLButtonElement>;
+        event: React.SyntheticEvent<HTMLButtonElement>;
         selection: Row[];
     }) => unknown;
     renderIcon?: React.ComponentType<{
@@ -55,7 +54,7 @@ export declare type BatchAction = {
 export declare type RowAction = {
     label: string;
     onClick: (a: {
-        event: SyntheticEvent<HTMLButtonElement>;
+        event: React.SyntheticEvent<HTMLButtonElement>;
         row: Row;
     }) => unknown;
     renderIcon: React.ComponentType<{

package/datepicker/calendar-header.js

@@ -83,6 +83,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 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; }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var navBtnStyle = function navBtnStyle(_ref) {
   var $theme = _ref.$theme;
   return {

package/datepicker/calendar.js

@@ -333,6 +333,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleDateChange", function (data) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props$onChange = _this.props.onChange,
           onChange = _this$props$onChange === void 0 ? function (params) {} : _this$props$onChange;
       var updatedDate = data.date; // Apply the currently selected time values (saved in state) to the updated date
@@ -372,6 +373,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleTimeChange", function (time, index) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props$onChange2 = _this.props.onChange,
           onChange = _this$props$onChange2 === void 0 ? function (params) {} : _this$props$onChange2; // Save/update the time value in internal state
 

package/datepicker/datepicker.js

@@ -132,6 +132,7 @@ var Datepicker = /*#__PURE__*/function (_React$Component) {
 
       if (Array.isArray(date)) {
         if (onChange && date.every(Boolean)) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           onChange({
             date: date
           });
@@ -618,6 +619,7 @@ var Datepicker = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopoverComponent, _extends({
+          accessibilityType: _popover.ACCESSIBILITY_TYPE.none,
           focusLock: false,
           autoFocus: false,
           mountNode: _this4.props.mountNode,

package/datepicker/day.js

@@ -298,7 +298,8 @@ var Day = /*#__PURE__*/function (_React$Component) {
           this.dayElm.focus();
         }
       }
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {

package/datepicker/index.d.ts

@@ -5,7 +5,7 @@ export { default as StatefulCalendar } from './stateful-calendar';
 export { default as Datepicker, default as DatePicker } from './datepicker';
 export { default as StatefulDatepicker, default as StatefulDatePicker, } from './stateful-datepicker';
 export { formatDate } from './utils';
-export { ORIENTATION, STATE_CHANGE_TYPE } from './constants';
+export { DENSITY, ORIENTATION, STATE_CHANGE_TYPE } from './constants';
 export * from './styled-components';
 export * from '../timepicker';
 export * from '../timezonepicker';

package/datepicker/index.js

@@ -12,6 +12,7 @@ var _exportNames = {
   StatefulDatepicker: true,
   StatefulDatePicker: true,
   formatDate: true,
+  DENSITY: true,
   ORIENTATION: true,
   STATE_CHANGE_TYPE: true
 };
@@ -21,6 +22,12 @@ Object.defineProperty(exports, "Calendar", {
     return _calendar.default;
   }
 });
+Object.defineProperty(exports, "DENSITY", {
+  enumerable: true,
+  get: function get() {
+    return _constants.DENSITY;
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function get() {

package/datepicker/index.js.flow

@@ -18,7 +18,7 @@ export { default as TimezonePicker } from '../timezonepicker/timezone-picker.js'
 // Util functions
 export { formatDate } from './utils/index.js';
 // Constants
-export { ORIENTATION, STATE_CHANGE_TYPE } from './constants.js';
+export { DENSITY, ORIENTATION, STATE_CHANGE_TYPE } from './constants.js';
 // Styled elements
 export * from './styled-components.js';
 // Flow

package/datepicker/stateful-calendar.js

@@ -58,9 +58,13 @@ var StatefulComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(_statefulContainer.default, this.props, function (extendedProps) {
-        return /*#__PURE__*/React.createElement(_calendar.default, _extends({}, extendedProps, {
-          onChange: extendedProps.onChange
-        }));
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          React.createElement(_calendar.default, _extends({}, extendedProps, {
+            onChange: extendedProps.onChange
+          }))
+        );
       });
     }
   }]);

package/datepicker/stateful-container.js

@@ -71,6 +71,7 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
       if (onChange) {
         if (Array.isArray(date)) {
           if (date.every(Boolean)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange({
               date: date
             });
@@ -109,6 +110,7 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props = this.props,
           children = _this$props.children,
           initialState = _this$props.initialState,

package/datepicker/stateful-datepicker.js

@@ -56,11 +56,16 @@ var StatefulComponent = /*#__PURE__*/function (_React$Component) {
 
   _createClass(StatefulComponent, [{
     key: "render",
-    value: function render() {
+    value: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function render() {
       return /*#__PURE__*/React.createElement(_statefulContainer.default, this.props, function (extendedProps) {
-        return /*#__PURE__*/React.createElement(_datepicker.default, _extends({}, extendedProps, {
-          onChange: extendedProps.onChange
-        }));
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          React.createElement(_datepicker.default, _extends({}, extendedProps, {
+            onChange: extendedProps.onChange
+          }))
+        );
       });
     }
   }]);

package/datepicker/styled-components.js

@@ -45,6 +45,7 @@ var StyledInputWrapper = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledInputWrapper = StyledInputWrapper;
 StyledInputWrapper.displayName = "StyledInputWrapper";
+StyledInputWrapper.displayName = 'StyledInputWrapper';
 var StyledInputLabel = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
@@ -53,6 +54,7 @@ var StyledInputLabel = (0, _styles.styled)('div', function (_ref) {
 });
 exports.StyledInputLabel = StyledInputLabel;
 StyledInputLabel.displayName = "StyledInputLabel";
+StyledInputLabel.displayName = 'StyledInputLabel';
 var StyledStartDate = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme;
   return {
@@ -62,18 +64,21 @@ var StyledStartDate = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledStartDate = StyledStartDate;
 StyledStartDate.displayName = "StyledStartDate";
+StyledStartDate.displayName = 'StyledStartDate'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 var StyledEndDate = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme;
   return {
     width: '100%'
   };
 });
+exports.StyledEndDate = StyledEndDate;
+StyledEndDate.displayName = "StyledEndDate";
+StyledEndDate.displayName = 'StyledEndDate';
 /**
  * Main component container element
  */
 
-exports.StyledEndDate = StyledEndDate;
-StyledEndDate.displayName = "StyledEndDate";
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   var _props$$theme = props.$theme,
       typography = _props$$theme.typography,
@@ -92,6 +97,7 @@ var StyledRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledMonthContainer = (0, _styles.styled)('div', function (props) {
   var $orientation = props.$orientation;
   return {
@@ -101,6 +107,7 @@ var StyledMonthContainer = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledMonthContainer = StyledMonthContainer;
 StyledMonthContainer.displayName = "StyledMonthContainer";
+StyledMonthContainer.displayName = 'StyledMonthContainer';
 var StyledCalendarContainer = (0, _styles.styled)('div', function (props) {
   var sizing = props.$theme.sizing,
       $density = props.$density;
@@ -113,6 +120,7 @@ var StyledCalendarContainer = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledCalendarContainer = StyledCalendarContainer;
 StyledCalendarContainer.displayName = "StyledCalendarContainer";
+StyledCalendarContainer.displayName = 'StyledCalendarContainer';
 var StyledSelectorContainer = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   var textAlign = $theme.direction === 'rtl' ? 'right' : 'left';
@@ -125,6 +133,7 @@ var StyledSelectorContainer = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.StyledSelectorContainer = StyledSelectorContainer;
 StyledSelectorContainer.displayName = "StyledSelectorContainer";
+StyledSelectorContainer.displayName = 'StyledSelectorContainer';
 var StyledCalendarHeader = (0, _styles.styled)('div', function (props) {
   var _props$$theme2 = props.$theme,
       typography = _props$$theme2.typography,
@@ -152,6 +161,7 @@ var StyledCalendarHeader = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledCalendarHeader = StyledCalendarHeader;
 StyledCalendarHeader.displayName = "StyledCalendarHeader";
+StyledCalendarHeader.displayName = 'StyledCalendarHeader';
 var StyledMonthHeader = (0, _styles.styled)('div', function (props) {
   return {
     color: props.$theme.colors.calendarHeaderForeground,
@@ -161,6 +171,7 @@ var StyledMonthHeader = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledMonthHeader = StyledMonthHeader;
 StyledMonthHeader.displayName = "StyledMonthHeader";
+StyledMonthHeader.displayName = 'StyledMonthHeader';
 var StyledMonthYearSelectButton = (0, _styles.styled)('button', function (props) {
   var _props$$theme3 = props.$theme,
       typography = _props$$theme3.typography,
@@ -185,6 +196,7 @@ var StyledMonthYearSelectButton = (0, _styles.styled)('button', function (props)
 });
 exports.StyledMonthYearSelectButton = StyledMonthYearSelectButton;
 StyledMonthYearSelectButton.displayName = "StyledMonthYearSelectButton";
+StyledMonthYearSelectButton.displayName = 'StyledMonthYearSelectButton';
 var StyledMonthYearSelectIconContainer = (0, _styles.styled)('span', function (props) {
   var marginDirection = props.$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
   return _defineProperty({
@@ -194,6 +206,7 @@ var StyledMonthYearSelectIconContainer = (0, _styles.styled)('span', function (p
 });
 exports.StyledMonthYearSelectIconContainer = StyledMonthYearSelectIconContainer;
 StyledMonthYearSelectIconContainer.displayName = "StyledMonthYearSelectIconContainer";
+StyledMonthYearSelectIconContainer.displayName = 'StyledMonthYearSelectIconContainer';
 
 function getArrowBtnStyle(_ref6) {
   var $theme = _ref6.$theme,
@@ -225,9 +238,12 @@ function getArrowBtnStyle(_ref6) {
 var StyledPrevButton = (0, _styles.styled)('button', getArrowBtnStyle);
 exports.StyledPrevButton = StyledPrevButton;
 StyledPrevButton.displayName = "StyledPrevButton";
+StyledPrevButton.displayName = 'StyledPrevButton';
 var StyledNextButton = (0, _styles.styled)('button', getArrowBtnStyle);
 exports.StyledNextButton = StyledNextButton;
 StyledNextButton.displayName = "StyledNextButton";
+StyledNextButton.displayName = 'StyledNextButton'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 var StyledMonth = (0, _styles.styled)('div', function (props) {
   return {
     display: 'inline-block'
@@ -235,6 +251,7 @@ var StyledMonth = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledMonth = StyledMonth;
 StyledMonth.displayName = "StyledMonth";
+StyledMonth.displayName = 'StyledMonth';
 var StyledWeek = (0, _styles.styled)('div', function (props) {
   var sizing = props.$theme.sizing;
   return {
@@ -245,6 +262,7 @@ var StyledWeek = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledWeek = StyledWeek;
 StyledWeek.displayName = "StyledWeek";
+StyledWeek.displayName = 'StyledWeek';
 
 function generateDayStyles(defaultCode, defaultStyle) {
   var _ref7;
@@ -252,7 +270,8 @@ function generateDayStyles(defaultCode, defaultStyle) {
   var codeForSM = defaultCode.substr(0, 12) + '1' + defaultCode.substr(12 + 1);
   var codeForEM = defaultCode.substr(0, 13) + '1' + defaultCode.substr(13 + 1);
   return _ref7 = {}, _defineProperty(_ref7, defaultCode, defaultStyle), _defineProperty(_ref7, codeForSM, defaultStyle), _defineProperty(_ref7, codeForEM, defaultStyle), _ref7;
-}
+} // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 
 function getDayStyles(code, _ref8) {
   var colors = _ref8.colors;
@@ -584,10 +603,12 @@ var StyledDay = (0, _styles.styled)('div', function (props) {
       content: '""'
     } : {})
   } : // a hack to make flow happy, otherwise it complains about complexity
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   {});
 });
 exports.StyledDay = StyledDay;
 StyledDay.displayName = "StyledDay";
+StyledDay.displayName = 'StyledDay';
 var StyledDayLabel = (0, _styles.styled)('div', function (props) {
   var _props$$theme5 = props.$theme,
       typography = _props$$theme5.typography,
@@ -599,6 +620,7 @@ var StyledDayLabel = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledDayLabel = StyledDayLabel;
 StyledDayLabel.displayName = "StyledDayLabel";
+StyledDayLabel.displayName = 'StyledDayLabel';
 var StyledWeekdayHeader = (0, _styles.styled)('div', function (props) {
   var _props$$theme6 = props.$theme,
       typography = _props$$theme6.typography,
@@ -628,4 +650,5 @@ var StyledWeekdayHeader = (0, _styles.styled)('div', function (props) {
   });
 });
 exports.StyledWeekdayHeader = StyledWeekdayHeader;
-StyledWeekdayHeader.displayName = "StyledWeekdayHeader";
+StyledWeekdayHeader.displayName = "StyledWeekdayHeader";
+StyledWeekdayHeader.displayName = 'StyledWeekdayHeader';

package/datepicker/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { Size } from '../input';
-import { INPUT_ROLE, ORIENTATION, RANGED_CALENDAR_BEHAVIOR, STATE_CHANGE_TYPE, DENSITY } from './constants';
+import type { INPUT_ROLE, ORIENTATION, RANGED_CALENDAR_BEHAVIOR, STATE_CHANGE_TYPE, DENSITY } from './constants';
 import type { DateIOAdapter } from './utils/types';
 declare type Locale = any;
 export declare type Density = keyof typeof DENSITY;

package/datepicker/utils/date-helpers.js

@@ -93,7 +93,8 @@ var DateHelpers = /*#__PURE__*/_createClass(function DateHelpers(_adapter) {
       };
     };
 
-    var updateOptions = updateOptionsBase || defaultGetOptions;
+    var updateOptions = updateOptionsBase || defaultGetOptions; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     var UtilsClass = adapter.constructor;
     var className = adapter.constructor.name; // This ensures that if the adapter class isn't
     // supported it just falls back the default formats

package/datepicker/utils/index.js

@@ -131,7 +131,8 @@ var subYears = createDirtySetter(defaultDateHelpers.subYears); // ** Date Compar
 exports.subYears = subYears;
 var isBefore = createDirtyCompare(defaultDateHelpers.isBefore);
 exports.isBefore = isBefore;
-var isAfter = createDirtyCompare(defaultDateHelpers.isAfter);
+var isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 exports.isAfter = isAfter;
 
 var format = function format(date, _format, locale) {

package/divider/styled-components.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledDivider = void 0;
 
-var _index = require("../styles/index");
+var _styles = require("../styles");
 
 var _constants = require("./constants");
 
@@ -15,7 +15,7 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-var StyledDivider = (0, _index.styled)('hr', function (props) {
+var StyledDivider = (0, _styles.styled)('hr', function (props) {
   var $theme = props.$theme,
       _props$$size = props.$size,
       $size = _props$$size === void 0 ? _constants.SIZE.section : _props$$size;
@@ -64,4 +64,5 @@ var StyledDivider = (0, _index.styled)('hr', function (props) {
   };
 });
 exports.StyledDivider = StyledDivider;
-StyledDivider.displayName = "StyledDivider";
+StyledDivider.displayName = "StyledDivider";
+StyledDivider.displayName = 'StyledDivider';

package/divider/types.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from './constants';
+import type { SIZE } from './constants';
 export declare type DividerProps = {
     $size?: keyof typeof SIZE;
 };

package/dnd-list/stateful-list-container.js

@@ -103,6 +103,7 @@ var StatefulListContainer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props = this.props,
           children = _this$props.children,
           initialState = _this$props.initialState,

package/dnd-list/styled-components.js

@@ -16,6 +16,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /**
  * Main component container element
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var Root = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme;
   return {
@@ -24,6 +25,7 @@ var Root = (0, _styles.styled)('div', function (_ref) {
 });
 exports.Root = Root;
 Root.displayName = "Root";
+Root.displayName = 'Root';
 Root.displayName = 'StyledRoot';
 var List = (0, _styles.styled)('ul', function (_ref2) {
   var $isDragged = _ref2.$isDragged;
@@ -35,6 +37,7 @@ var List = (0, _styles.styled)('ul', function (_ref2) {
 });
 exports.List = List;
 List.displayName = "List";
+List.displayName = 'List';
 List.displayName = 'StyledList';
 var Item = (0, _styles.styled)('li', function (_ref3) {
   var $isDragged = _ref3.$isDragged,
@@ -88,6 +91,7 @@ var Item = (0, _styles.styled)('li', function (_ref3) {
 });
 exports.Item = Item;
 Item.displayName = "Item";
+Item.displayName = 'Item';
 List.displayName = 'StyledItem';
 var DragHandle = (0, _styles.styled)('div', function (_ref4) {
   var _ref5;
@@ -98,6 +102,7 @@ var DragHandle = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.DragHandle = DragHandle;
 DragHandle.displayName = "DragHandle";
+DragHandle.displayName = 'DragHandle';
 DragHandle.displayName = 'StyledDragHandle';
 var CloseHandle = (0, _styles.styled)('button', function (_ref6) {
   var _ref7;
@@ -123,6 +128,7 @@ var CloseHandle = (0, _styles.styled)('button', function (_ref6) {
 });
 exports.CloseHandle = CloseHandle;
 CloseHandle.displayName = "CloseHandle";
+CloseHandle.displayName = 'CloseHandle';
 CloseHandle.displayName = 'StyledCloseHandle';
 var Label = (0, _styles.styled)('div', function (_ref8) {
   var $theme = _ref8.$theme;
@@ -132,4 +138,5 @@ var Label = (0, _styles.styled)('div', function (_ref8) {
 });
 exports.Label = Label;
 Label.displayName = "Label";
+Label.displayName = 'Label';
 Label.displayName = 'StyledLabel';

package/dnd-list/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { STATE_CHANGE_TYPE } from './constants';
+import type { STATE_CHANGE_TYPE } from './constants';
 export declare type State = {
     items: Array<React.ReactNode>;
 };

package/drawer/constants.js

@@ -11,6 +11,7 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var SIZE = {
   default: 'default',
   full: 'full',

package/drawer/drawer.js

@@ -205,6 +205,7 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
       if (mountNode) {
         return mountNode;
       } // Flow thinks body could be null (cast through any)
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
       return document.body;
@@ -217,7 +218,6 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
       }
 
       if (this.animateStartTimer) {
-        // eslint-disable-next-line cup/no-undef
         cancelAnimationFrame(this.animateStartTimer);
       }
     }
@@ -236,8 +236,7 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
 
 
       this.clearTimers();
-      this.disableMountNodeScroll(); // eslint-disable-next-line cup/no-undef
-
+      this.disableMountNodeScroll();
       this.animateStartTimer = requestAnimationFrame(function () {
         _this2.setState({
           isVisible: true

package/drawer/drawer.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 /* global document */
-/* eslint-disable cup/no-undef */
+
 import * as React from 'react';
 import FocusLock from 'react-focus-lock';
 
@@ -151,7 +151,6 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
       clearTimeout(this.animateOutTimer);
     }
     if (this.animateStartTimer) {
-      // eslint-disable-next-line cup/no-undef
       cancelAnimationFrame(this.animateStartTimer);
     }
   }
@@ -169,7 +168,6 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
 
     this.disableMountNodeScroll();
 
-    // eslint-disable-next-line cup/no-undef
     this.animateStartTimer = requestAnimationFrame(() => {
       this.setState({ isVisible: true });
     });

package/drawer/styled-components.js

@@ -98,7 +98,8 @@ function getAnchorStyles(props) {
         return {};
       }
   }
-}
+} // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   return {
@@ -112,6 +113,7 @@ var StyledRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledBackdrop = (0, _styles.styled)('div', function (props) {
   var $animating = props.$animating,
       $isOpen = props.$isOpen,
@@ -138,6 +140,7 @@ var StyledBackdrop = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledBackdrop = StyledBackdrop;
 StyledBackdrop.displayName = "StyledBackdrop";
+StyledBackdrop.displayName = 'StyledBackdrop';
 var StyledDrawerContainer = (0, _styles.styled)('div', function (props) {
   var $animating = props.$animating,
       $isOpen = props.$isOpen,
@@ -161,6 +164,7 @@ var StyledDrawerContainer = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledDrawerContainer = StyledDrawerContainer;
 StyledDrawerContainer.displayName = "StyledDrawerContainer";
+StyledDrawerContainer.displayName = 'StyledDrawerContainer';
 var StyledDrawerBody = (0, _styles.styled)('div', function (props) {
   var $theme = props.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font200), {}, {
@@ -175,6 +179,7 @@ var StyledDrawerBody = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledDrawerBody = StyledDrawerBody;
 StyledDrawerBody.displayName = "StyledDrawerBody";
+StyledDrawerBody.displayName = 'StyledDrawerBody';
 var StyledClose = (0, _styles.styled)('button', function (props) {
   var _ref;
 
@@ -218,8 +223,10 @@ var StyledClose = (0, _styles.styled)('button', function (props) {
 });
 exports.StyledClose = StyledClose;
 StyledClose.displayName = "StyledClose";
+StyledClose.displayName = 'StyledClose';
 var Hidden = (0, _styles.styled)('div', {
   display: 'none'
 });
 exports.Hidden = Hidden;
-Hidden.displayName = "Hidden";
+Hidden.displayName = "Hidden";
+Hidden.displayName = 'Hidden';

package/drawer/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants';
+import type { SIZE, CLOSE_SOURCE, ANCHOR } from './constants';
 export declare type Size = keyof typeof SIZE;
 export declare type SizeProp = Size | string;
 export declare type Anchor = keyof typeof ANCHOR;

package/es/accordion/accordion.js

@@ -8,8 +8,6 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-
-/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot } from './styled-components';
@@ -26,6 +24,7 @@ export default class Accordion extends React.Component {
     _defineProperty(this, "itemRefs", []);
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   onPanelChange(key, onChange, ...args) {
     let activeKeys = this.state.expanded;
     const {
@@ -119,7 +118,8 @@ export default class Accordion extends React.Component {
       children,
       renderAll,
       overrides
-    } = this.props;
+    } = this.props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     return React.Children.map(children, (child, index) => {
       if (!child) return;
       const itemRef = /*#__PURE__*/React.createRef();

package/es/accordion/panel.js

@@ -37,7 +37,8 @@ const Panel = ({
       });
     }
   }, [localState]);
-  const handleBlur = React.useCallback(event => {
+  const handleBlur = React.useCallback( // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  event => {
     if (localState.isFocusVisible) {
       setLocalState({ ...localState,
         isFocusVisible: false
@@ -73,7 +74,7 @@ const Panel = ({
     }
 
     typeof onKeyDown === 'function' && onKeyDown(e);
-  }, [expanded, disabled, onChange, onKeyDown]);
+  }, [expanded, disabled, onChange, onKeyDown]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   const _animateRef = React.useRef(null);