baseui 0.0.0-alpha-3479e57 → 0.0.0-alpha-e79754d

package/data-table/locale.d.ts

@@ -32,8 +32,6 @@ export declare type DataTableLocale = {
     booleanFilterFalse: string;
     booleanColumnTrueShort: string;
     booleanColumnFalseShort: string;
-    selectRow: string;
-    selectAllRows: string;
 };
 declare const locale: {
     emptyState: string;
@@ -69,7 +67,5 @@ declare const locale: {
     booleanFilterFalse: string;
     booleanColumnTrueShort: string;
     booleanColumnFalseShort: string;
-    selectRow: string;
-    selectAllRows: string;
 };
 export default locale;

package/data-table/locale.js

@@ -44,9 +44,7 @@ var locale = {
   booleanFilterTrue: 'true',
   booleanFilterFalse: 'false',
   booleanColumnTrueShort: 'T',
-  booleanColumnFalseShort: 'F',
-  selectRow: 'Select row',
-  selectAllRows: 'Select all rows'
+  booleanColumnFalseShort: 'F'
 };
 var _default = locale;
 exports.default = _default;

package/data-table/locale.js.flow

@@ -40,8 +40,6 @@ export type DataTableLocaleT = {|
   booleanFilterFalse: string,
   booleanColumnTrueShort: string,
   booleanColumnFalseShort: string,
-  selectRow: string,
-  selectAllRows: string,
 |};
 
 const locale = {
@@ -79,9 +77,6 @@ const locale = {
   booleanFilterFalse: 'false',
   booleanColumnTrueShort: 'T',
   booleanColumnFalseShort: 'F',
-  selectRow: 'Select row',
-  selectAllRows: 'Select all rows',
-
 };
 
 export default locale;

package/data-table/measure-column-widths.js

@@ -68,8 +68,7 @@ function MeasureColumn(_ref) {
     onMouseEnter: function onMouseEnter() {},
     onMouseLeave: function onMouseLeave() {},
     onSelectAll: function onSelectAll() {},
-    onSelectNone: function onSelectNone() {} // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ,
+    onSelectNone: function onSelectNone() {},
     onSort: function onSort(i) {},
     sortable: column.sortable,
     sortDirection: null,

package/data-table/stateful-container.js

@@ -182,8 +182,7 @@ var StatefulContainer = function StatefulContainer(props) {
     selectedRowIds: selectedRowIds,
     sortIndex: sortIndex,
     sortDirection: sortDirection,
-    textQuery: textQuery // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+    textQuery: textQuery
   });
 };
 

package/data-table/stateful-data-table.js

@@ -277,12 +277,12 @@ function StatefulDataTable(props) {
         title: title
       });
     }))), Boolean(selectedRowIds.size) && props.batchActions && /*#__PURE__*/React.createElement("div", {
-      className: css({
+      style: {
         display: 'flex',
         alignItems: 'center',
-        paddingTop: theme.sizing.scale300,
-        paddingBottom: theme.sizing.scale300
-      })
+        paddingTop: theme.sizing.scale400,
+        paddingBottom: theme.sizing.scale400
+      }
     }, props.batchActions.map(function (action) {
       function onClick(event) {
         action.onClick({

package/datepicker/calendar-header.js

@@ -83,7 +83,6 @@ 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,7 +333,6 @@ 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
@@ -373,7 +372,6 @@ 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,7 +132,6 @@ 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
           });
@@ -619,7 +618,6 @@ 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,8 +298,7 @@ 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/stateful-calendar.js

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

package/datepicker/stateful-container.js

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

package/datepicker/styled-components.js

@@ -45,7 +45,6 @@ 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), {}, {
@@ -54,7 +53,6 @@ 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 {
@@ -64,21 +62,18 @@ 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,
@@ -97,7 +92,6 @@ 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 {
@@ -107,7 +101,6 @@ 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;
@@ -120,7 +113,6 @@ 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';
@@ -133,7 +125,6 @@ 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,
@@ -161,7 +152,6 @@ 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,
@@ -171,7 +161,6 @@ 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,
@@ -196,7 +185,6 @@ 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({
@@ -206,7 +194,6 @@ var StyledMonthYearSelectIconContainer = (0, _styles.styled)('span', function (p
 });
 exports.StyledMonthYearSelectIconContainer = StyledMonthYearSelectIconContainer;
 StyledMonthYearSelectIconContainer.displayName = "StyledMonthYearSelectIconContainer";
-StyledMonthYearSelectIconContainer.displayName = 'StyledMonthYearSelectIconContainer';
 
 function getArrowBtnStyle(_ref6) {
   var $theme = _ref6.$theme,
@@ -238,12 +225,9 @@ 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'
@@ -251,7 +235,6 @@ 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 {
@@ -262,7 +245,6 @@ var StyledWeek = (0, _styles.styled)('div', function (props) {
 });
 exports.StyledWeek = StyledWeek;
 StyledWeek.displayName = "StyledWeek";
-StyledWeek.displayName = 'StyledWeek';
 
 function generateDayStyles(defaultCode, defaultStyle) {
   var _ref7;
@@ -270,8 +252,7 @@ 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;
@@ -603,12 +584,10 @@ 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,
@@ -620,7 +599,6 @@ 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,
@@ -650,5 +628,4 @@ var StyledWeekdayHeader = (0, _styles.styled)('div', function (props) {
   });
 });
 exports.StyledWeekdayHeader = StyledWeekdayHeader;
-StyledWeekdayHeader.displayName = "StyledWeekdayHeader";
-StyledWeekdayHeader.displayName = 'StyledWeekdayHeader';
+StyledWeekdayHeader.displayName = "StyledWeekdayHeader";

package/datepicker/utils/date-helpers.js

@@ -93,8 +93,7 @@ var DateHelpers = /*#__PURE__*/_createClass(function DateHelpers(_adapter) {
       };
     };
 
-    var updateOptions = updateOptionsBase || defaultGetOptions; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+    var updateOptions = updateOptionsBase || defaultGetOptions;
     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,8 +131,7 @@ var subYears = createDirtySetter(defaultDateHelpers.subYears); // ** Date Compar
 exports.subYears = subYears;
 var isBefore = createDirtyCompare(defaultDateHelpers.isBefore);
 exports.isBefore = isBefore;
-var isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+var isAfter = createDirtyCompare(defaultDateHelpers.isAfter);
 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 _styles = require("../styles");
+var _index = require("../styles/index");
 
 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, _styles.styled)('hr', function (props) {
+var StyledDivider = (0, _index.styled)('hr', function (props) {
   var $theme = props.$theme,
       _props$$size = props.$size,
       $size = _props$$size === void 0 ? _constants.SIZE.section : _props$$size;
@@ -64,5 +64,4 @@ var StyledDivider = (0, _styles.styled)('hr', function (props) {
   };
 });
 exports.StyledDivider = StyledDivider;
-StyledDivider.displayName = "StyledDivider";
-StyledDivider.displayName = 'StyledDivider';
+StyledDivider.displayName = "StyledDivider";

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

@@ -103,7 +103,6 @@ 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,7 +16,6 @@ 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 {
@@ -25,7 +24,6 @@ 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;
@@ -37,7 +35,6 @@ 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,
@@ -91,7 +88,6 @@ 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;
@@ -102,7 +98,6 @@ 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;
@@ -128,7 +123,6 @@ 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;
@@ -138,5 +132,4 @@ var Label = (0, _styles.styled)('div', function (_ref8) {
 });
 exports.Label = Label;
 Label.displayName = "Label";
-Label.displayName = 'Label';
 Label.displayName = 'StyledLabel';

package/drawer/constants.js

@@ -11,7 +11,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-next-line @typescript-eslint/no-unused-vars
 var SIZE = {
   default: 'default',
   full: 'full',

package/drawer/drawer.js

@@ -205,7 +205,6 @@ 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;
@@ -218,6 +217,7 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
       }
 
       if (this.animateStartTimer) {
+        // eslint-disable-next-line cup/no-undef
         cancelAnimationFrame(this.animateStartTimer);
       }
     }
@@ -236,7 +236,8 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
 
 
       this.clearTimers();
-      this.disableMountNodeScroll();
+      this.disableMountNodeScroll(); // eslint-disable-next-line cup/no-undef
+
       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,6 +151,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
       clearTimeout(this.animateOutTimer);
     }
     if (this.animateStartTimer) {
+      // eslint-disable-next-line cup/no-undef
       cancelAnimationFrame(this.animateStartTimer);
     }
   }
@@ -168,6 +169,7 @@ 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,8 +98,7 @@ function getAnchorStyles(props) {
         return {};
       }
   }
-} // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+}
 
 var StyledRoot = (0, _styles.styled)('div', function (props) {
   return {
@@ -113,7 +112,6 @@ 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,
@@ -140,7 +138,6 @@ 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,
@@ -164,7 +161,6 @@ 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), {}, {
@@ -179,7 +175,6 @@ 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;
 
@@ -223,10 +218,8 @@ 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/es/accordion/accordion.js

@@ -8,6 +8,8 @@ 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';
@@ -24,7 +26,6 @@ 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 {
@@ -118,8 +119,7 @@ export default class Accordion extends React.Component {
       children,
       renderAll,
       overrides
-    } = this.props; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+    } = this.props;
     return React.Children.map(children, (child, index) => {
       if (!child) return;
       const itemRef = /*#__PURE__*/React.createRef();

package/es/accordion/panel.js

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

package/es/accordion/stateful-panel-container.js

@@ -41,7 +41,6 @@ class StatefulPanelContainer extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       children,
       initialState,