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

package/esm/data-table/header-cell.js

@@ -24,15 +24,12 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { Checkbox } from '../checkbox';
-import { LocaleContext } from '../locale';
 import { useStyletron } from '../styles';
 import ChevronDown from '../icon/chevron-down';
 import ChevronUp from '../icon/chevron-up';
 import { SORT_DIRECTIONS } from './constants';
 import { isFocusVisible } from '../utils/focusVisible';
 var HeaderCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var locale = React.useContext(LocaleContext);
-
   var _useStyletron = useStyletron(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),
       css = _useStyletron2[0],
@@ -51,7 +48,7 @@ var HeaderCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
-  var handleBlur = function handleBlur() {
+  var handleBlur = function handleBlur(event) {
     if (focusVisible !== false) {
       setFocusVisible(false);
     }
@@ -60,64 +57,59 @@ var HeaderCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var backgroundColor = props.isHovered ? theme.colors.backgroundSecondary : theme.colors.backgroundPrimary;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
+    role: "button",
+    tabIndex: 0,
     className: css(_objectSpread(_objectSpread({}, theme.typography.font350), {}, {
       alignItems: 'center',
       backgroundColor: backgroundColor,
+      boxSizing: 'border-box',
       color: theme.colors.contentPrimary,
+      cursor: props.sortable ? 'pointer' : null,
       display: props.isMeasured ? 'inline-flex' : 'flex',
       flexGrow: 1,
       height: '100%',
-      paddingLeft: theme.sizing.scale500
-    }))
+      paddingLeft: theme.sizing.scale500,
+      paddingRight: theme.sizing.scale500,
+      flexWrap: 'nowrap',
+      whiteSpace: 'nowrap',
+      outline: focusVisible ? "3px solid ".concat(theme.colors.accent) : 'none',
+      outlineOffset: '-3px'
+    })),
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    onKeyUp: function onKeyUp(event) {
+      if (event.key === 'Enter') {
+        props.onSort(props.index);
+      }
+    },
+    onClick: function onClick(event) {
+      // Avoid column sort if select-all checkbox click.
+      if (checkboxRef.current && checkboxRef.current.contains(event.target)) {
+        return;
+      }
+
+      if (props.sortable) {
+        props.onSort(props.index);
+      }
+    },
+    onFocus: handleFocus,
+    onBlur: handleBlur
   }, props.isSelectable && /*#__PURE__*/React.createElement("span", {
     className: css({
       paddingRight: theme.sizing.scale300
     }),
     ref: checkboxRef
   }, /*#__PURE__*/React.createElement(Checkbox, {
-    onChange: function onChange() {
+    onChange: function onChange(e) {
       if (props.isSelectedAll || props.isSelectedIndeterminate) {
         props.onSelectNone();
       } else {
         props.onSelectAll();
       }
     },
-    "aria-label": locale.datatable.selectAllRows,
     checked: props.isSelectedAll || props.isSelectedIndeterminate,
     isIndeterminate: props.isSelectedIndeterminate
-  })), /*#__PURE__*/React.createElement("div", {
-    className: css({
-      alignItems: 'center',
-      backgroundColor: 'transparent',
-      border: 'none',
-      boxSizing: 'border-box',
-      cursor: props.sortable ? 'pointer' : null,
-      display: 'flex',
-      flexGrow: 1,
-      height: '100%',
-      outline: focusVisible ? "3px solid ".concat(theme.colors.accent) : 'none',
-      outlineOffset: '-3px',
-      // paddingLeft: theme.sizing.scale500,
-      paddingRight: theme.sizing.scale500,
-      whiteSpace: 'nowrap'
-    }),
-    onMouseEnter: props.onMouseEnter,
-    onMouseLeave: props.onMouseLeave,
-    onKeyUp: function onKeyUp(event) {
-      if (event.key === 'Enter') {
-        props.onSort(props.index);
-      }
-    },
-    onClick: function onClick() {
-      if (props.sortable) {
-        props.onSort(props.index);
-      }
-    },
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    role: "button",
-    tabIndex: 0
-  }, props.title, /*#__PURE__*/React.createElement("div", {
+  })), props.title, /*#__PURE__*/React.createElement("div", {
     className: css({
       position: 'relative',
       width: '100%',
@@ -136,7 +128,7 @@ var HeaderCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
     color: props.sortDirection ? theme.colors.contentPrimary : theme.colors.contentSecondary
   }), (props.sortDirection === SORT_DIRECTIONS.ASC || !props.sortDirection) && /*#__PURE__*/React.createElement(ChevronUp, {
     color: props.sortDirection ? theme.colors.contentPrimary : theme.colors.contentSecondary
-  })))));
+  }))));
 });
 HeaderCell.displayName = 'HeaderCell';
 export default HeaderCell;

package/esm/data-table/locale.js

@@ -37,8 +37,6 @@ var locale = {
   booleanFilterTrue: 'true',
   booleanFilterFalse: 'false',
   booleanColumnTrueShort: 'T',
-  booleanColumnFalseShort: 'F',
-  selectRow: 'Select row',
-  selectAllRows: 'Select all rows'
+  booleanColumnFalseShort: 'F'
 };
 export default locale;

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

@@ -57,8 +57,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/esm/data-table/stateful-container.js

@@ -174,7 +174,6 @@ export 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/esm/data-table/stateful-data-table.js

@@ -257,12 +257,12 @@ export 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/esm/datepicker/calendar-header.js

@@ -62,7 +62,6 @@ import { DENSITY, ORIENTATION, WEEKDAYS } from './constants';
 import { getOverrides, mergeOverrides } from '../helpers/overrides';
 import { forkBlur, forkFocus, isFocusVisible } from '../utils/focusVisible';
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var navBtnStyle = function navBtnStyle(_ref) {
   var $theme = _ref.$theme;
   return {

package/esm/datepicker/calendar.js

@@ -315,7 +315,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
@@ -355,7 +354,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/esm/datepicker/datepicker.js

@@ -56,7 +56,7 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import { MaskedInput } from '../input';
-import { Popover, PLACEMENT, ACCESSIBILITY_TYPE } from '../popover';
+import { Popover, PLACEMENT } from '../popover';
 import Calendar from './calendar';
 import { getOverrides } from '../helpers/overrides';
 import getInterpolatedString from '../helpers/i18n-interpolation';
@@ -113,7 +113,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
           });
@@ -600,7 +599,6 @@ var Datepicker = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PopoverComponent, _extends({
-          accessibilityType: ACCESSIBILITY_TYPE.none,
           focusLock: false,
           autoFocus: false,
           mountNode: _this4.props.mountNode,

package/esm/datepicker/day.js

@@ -284,8 +284,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/esm/datepicker/stateful-calendar.js

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

package/esm/datepicker/stateful-container.js

@@ -65,7 +65,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
             });
@@ -104,7 +103,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/esm/datepicker/stateful-datepicker.js

@@ -47,16 +47,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, this.props, function (extendedProps) {
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          React.createElement(Datepicker, _extends({}, extendedProps, {
-            onChange: extendedProps.onChange
-          }))
-        );
+        return /*#__PURE__*/React.createElement(Datepicker, _extends({}, extendedProps, {
+          onChange: extendedProps.onChange
+        }));
       });
     }
   }]);

package/esm/datepicker/styled-components.js

@@ -39,7 +39,6 @@ export var StyledInputWrapper = styled('div', function (props) {
   } : {});
 });
 StyledInputWrapper.displayName = "StyledInputWrapper";
-StyledInputWrapper.displayName = 'StyledInputWrapper';
 export var StyledInputLabel = styled('div', function (_ref) {
   var $theme = _ref.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
@@ -47,7 +46,6 @@ export var StyledInputLabel = styled('div', function (_ref) {
   });
 });
 StyledInputLabel.displayName = "StyledInputLabel";
-StyledInputLabel.displayName = 'StyledInputLabel';
 export var StyledStartDate = styled('div', function (_ref2) {
   var $theme = _ref2.$theme;
   return {
@@ -56,20 +54,17 @@ export var StyledStartDate = styled('div', function (_ref2) {
   };
 });
 StyledStartDate.displayName = "StyledStartDate";
-StyledStartDate.displayName = 'StyledStartDate'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export var StyledEndDate = styled('div', function (_ref3) {
   var $theme = _ref3.$theme;
   return {
     width: '100%'
   };
 });
-StyledEndDate.displayName = "StyledEndDate";
-StyledEndDate.displayName = 'StyledEndDate';
 /**
  * Main component container element
  */
 
+StyledEndDate.displayName = "StyledEndDate";
 export var StyledRoot = styled('div', function (props) {
   var _props$$theme = props.$theme,
       typography = _props$$theme.typography,
@@ -87,7 +82,6 @@ export var StyledRoot = styled('div', function (props) {
   });
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export var StyledMonthContainer = styled('div', function (props) {
   var $orientation = props.$orientation;
   return {
@@ -96,7 +90,6 @@ export var StyledMonthContainer = styled('div', function (props) {
   };
 });
 StyledMonthContainer.displayName = "StyledMonthContainer";
-StyledMonthContainer.displayName = 'StyledMonthContainer';
 export var StyledCalendarContainer = styled('div', function (props) {
   var sizing = props.$theme.sizing,
       $density = props.$density;
@@ -108,7 +101,6 @@ export var StyledCalendarContainer = styled('div', function (props) {
   };
 });
 StyledCalendarContainer.displayName = "StyledCalendarContainer";
-StyledCalendarContainer.displayName = 'StyledCalendarContainer';
 export var StyledSelectorContainer = styled('div', function (_ref4) {
   var $theme = _ref4.$theme;
   var textAlign = $theme.direction === 'rtl' ? 'right' : 'left';
@@ -120,7 +112,6 @@ export var StyledSelectorContainer = styled('div', function (_ref4) {
   };
 });
 StyledSelectorContainer.displayName = "StyledSelectorContainer";
-StyledSelectorContainer.displayName = 'StyledSelectorContainer';
 export var StyledCalendarHeader = styled('div', function (props) {
   var _props$$theme2 = props.$theme,
       typography = _props$$theme2.typography,
@@ -147,7 +138,6 @@ export var StyledCalendarHeader = styled('div', function (props) {
   });
 });
 StyledCalendarHeader.displayName = "StyledCalendarHeader";
-StyledCalendarHeader.displayName = 'StyledCalendarHeader';
 export var StyledMonthHeader = styled('div', function (props) {
   return {
     color: props.$theme.colors.calendarHeaderForeground,
@@ -156,7 +146,6 @@ export var StyledMonthHeader = styled('div', function (props) {
   };
 });
 StyledMonthHeader.displayName = "StyledMonthHeader";
-StyledMonthHeader.displayName = 'StyledMonthHeader';
 export var StyledMonthYearSelectButton = styled('button', function (props) {
   var _props$$theme3 = props.$theme,
       typography = _props$$theme3.typography,
@@ -180,7 +169,6 @@ export var StyledMonthYearSelectButton = styled('button', function (props) {
   });
 });
 StyledMonthYearSelectButton.displayName = "StyledMonthYearSelectButton";
-StyledMonthYearSelectButton.displayName = 'StyledMonthYearSelectButton';
 export var StyledMonthYearSelectIconContainer = styled('span', function (props) {
   var marginDirection = props.$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
   return _defineProperty({
@@ -189,7 +177,6 @@ export var StyledMonthYearSelectIconContainer = styled('span', function (props)
   }, marginDirection, props.$theme.sizing.scale500);
 });
 StyledMonthYearSelectIconContainer.displayName = "StyledMonthYearSelectIconContainer";
-StyledMonthYearSelectIconContainer.displayName = 'StyledMonthYearSelectIconContainer';
 
 function getArrowBtnStyle(_ref6) {
   var $theme = _ref6.$theme,
@@ -220,18 +207,14 @@ function getArrowBtnStyle(_ref6) {
 
 export var StyledPrevButton = styled('button', getArrowBtnStyle);
 StyledPrevButton.displayName = "StyledPrevButton";
-StyledPrevButton.displayName = 'StyledPrevButton';
 export var StyledNextButton = styled('button', getArrowBtnStyle);
 StyledNextButton.displayName = "StyledNextButton";
-StyledNextButton.displayName = 'StyledNextButton'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export var StyledMonth = styled('div', function (props) {
   return {
     display: 'inline-block'
   };
 });
 StyledMonth.displayName = "StyledMonth";
-StyledMonth.displayName = 'StyledMonth';
 export var StyledWeek = styled('div', function (props) {
   var sizing = props.$theme.sizing;
   return {
@@ -241,7 +224,6 @@ export var StyledWeek = styled('div', function (props) {
   };
 });
 StyledWeek.displayName = "StyledWeek";
-StyledWeek.displayName = 'StyledWeek';
 
 function generateDayStyles(defaultCode, defaultStyle) {
   var _ref7;
@@ -249,8 +231,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;
@@ -582,11 +563,9 @@ export var StyledDay = 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
   {});
 });
 StyledDay.displayName = "StyledDay";
-StyledDay.displayName = 'StyledDay';
 export var StyledDayLabel = styled('div', function (props) {
   var _props$$theme5 = props.$theme,
       typography = _props$$theme5.typography,
@@ -597,7 +576,6 @@ export var StyledDayLabel = styled('div', function (props) {
   });
 });
 StyledDayLabel.displayName = "StyledDayLabel";
-StyledDayLabel.displayName = 'StyledDayLabel';
 export var StyledWeekdayHeader = styled('div', function (props) {
   var _props$$theme6 = props.$theme,
       typography = _props$$theme6.typography,
@@ -626,5 +604,4 @@ export var StyledWeekdayHeader = styled('div', function (props) {
     backgroundColor: 'transparent'
   });
 });
-StyledWeekdayHeader.displayName = "StyledWeekdayHeader";
-StyledWeekdayHeader.displayName = 'StyledWeekdayHeader';
+StyledWeekdayHeader.displayName = "StyledWeekdayHeader";

package/esm/datepicker/utils/date-helpers.js

@@ -86,8 +86,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/esm/datepicker/utils/index.js

@@ -78,8 +78,7 @@ export var subMonths = createDirtySetter(defaultDateHelpers.subMonths);
 export var subYears = createDirtySetter(defaultDateHelpers.subYears); // ** Date Comparison
 
 export var isBefore = createDirtyCompare(defaultDateHelpers.isBefore);
-export var isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+export var isAfter = createDirtyCompare(defaultDateHelpers.isAfter);
 export var format = function format(date, _format, locale) {
   return defaultDateHelpers.format(date, _format, locale);
 };

package/esm/divider/styled-components.js

@@ -4,7 +4,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.
 */
-import { styled } from '../styles';
+import { styled } from '../styles/index';
 import { SIZE } from './constants';
 export var StyledDivider = styled('hr', function (props) {
   var $theme = props.$theme,
@@ -54,5 +54,4 @@ export var StyledDivider = styled('hr', function (props) {
     borderLeftStyle: 'none'
   };
 });
-StyledDivider.displayName = "StyledDivider";
-StyledDivider.displayName = 'StyledDivider';
+StyledDivider.displayName = "StyledDivider";

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

@@ -97,7 +97,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/esm/dnd-list/styled-components.js

@@ -15,7 +15,6 @@ import { styled } from '../styles';
 /**
  * Main component container element
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export var Root = styled('div', function (_ref) {
   var $theme = _ref.$theme;
   return {
@@ -23,7 +22,6 @@ export var Root = styled('div', function (_ref) {
   };
 });
 Root.displayName = "Root";
-Root.displayName = 'Root';
 Root.displayName = 'StyledRoot';
 export var List = styled('ul', function (_ref2) {
   var $isDragged = _ref2.$isDragged;
@@ -34,7 +32,6 @@ export var List = styled('ul', function (_ref2) {
   };
 });
 List.displayName = "List";
-List.displayName = 'List';
 List.displayName = 'StyledList';
 export var Item = styled('li', function (_ref3) {
   var $isDragged = _ref3.$isDragged,
@@ -87,7 +84,6 @@ export var Item = styled('li', function (_ref3) {
   };
 });
 Item.displayName = "Item";
-Item.displayName = 'Item';
 List.displayName = 'StyledItem';
 export var DragHandle = styled('div', function (_ref4) {
   var _ref5;
@@ -97,7 +93,6 @@ export var DragHandle = styled('div', function (_ref4) {
   return _ref5 = {}, _defineProperty(_ref5, marginDir, $theme.sizing.scale600), _defineProperty(_ref5, "width", $theme.sizing.scale800), _defineProperty(_ref5, "color", '#CCC'), _defineProperty(_ref5, "display", 'flex'), _defineProperty(_ref5, "alignItems", 'center'), _ref5;
 });
 DragHandle.displayName = "DragHandle";
-DragHandle.displayName = 'DragHandle';
 DragHandle.displayName = 'StyledDragHandle';
 export var CloseHandle = styled('button', function (_ref6) {
   var _ref7;
@@ -122,7 +117,6 @@ export var CloseHandle = styled('button', function (_ref6) {
   }), _ref7;
 });
 CloseHandle.displayName = "CloseHandle";
-CloseHandle.displayName = 'CloseHandle';
 CloseHandle.displayName = 'StyledCloseHandle';
 export var Label = styled('div', function (_ref8) {
   var $theme = _ref8.$theme;
@@ -131,5 +125,4 @@ export var Label = styled('div', function (_ref8) {
   }, $theme.typography.font300);
 });
 Label.displayName = "Label";
-Label.displayName = 'Label';
 Label.displayName = 'StyledLabel';

package/esm/drawer/constants.js

@@ -4,7 +4,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
 export var SIZE = {
   default: 'default',
   full: 'full',

package/esm/drawer/drawer.js

@@ -44,6 +44,8 @@ LICENSE file in the root directory of this source tree.
 */
 
 /* global document */
+
+/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import FocusLock from 'react-focus-lock';
 import { LocaleContext } from '../locale';
@@ -192,7 +194,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;
@@ -205,6 +206,7 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
       }
 
       if (this.animateStartTimer) {
+        // eslint-disable-next-line cup/no-undef
         cancelAnimationFrame(this.animateStartTimer);
       }
     }
@@ -223,7 +225,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/esm/drawer/styled-components.js

@@ -96,8 +96,7 @@ function getAnchorStyles(props) {
         return {};
       }
   }
-} // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+}
 
 export var StyledRoot = styled('div', function (props) {
   return {
@@ -110,7 +109,6 @@ export var StyledRoot = styled('div', function (props) {
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export var StyledBackdrop = styled('div', function (props) {
   var $animating = props.$animating,
       $isOpen = props.$isOpen,
@@ -136,7 +134,6 @@ export var StyledBackdrop = styled('div', function (props) {
   } : null);
 });
 StyledBackdrop.displayName = "StyledBackdrop";
-StyledBackdrop.displayName = 'StyledBackdrop';
 export var StyledDrawerContainer = styled('div', function (props) {
   var $animating = props.$animating,
       $isOpen = props.$isOpen,
@@ -159,7 +156,6 @@ export var StyledDrawerContainer = styled('div', function (props) {
   });
 });
 StyledDrawerContainer.displayName = "StyledDrawerContainer";
-StyledDrawerContainer.displayName = 'StyledDrawerContainer';
 export var StyledDrawerBody = styled('div', function (props) {
   var $theme = props.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.font200), {}, {
@@ -173,7 +169,6 @@ export var StyledDrawerBody = styled('div', function (props) {
   });
 });
 StyledDrawerBody.displayName = "StyledDrawerBody";
-StyledDrawerBody.displayName = 'StyledDrawerBody';
 export var StyledClose = styled('button', function (props) {
   var _ref;
 
@@ -216,9 +211,7 @@ export var StyledClose = styled('button', function (props) {
   }, _defineProperty(_ref, dir, $theme.sizing.scale500), _defineProperty(_ref, "width", $theme.sizing.scale800), _defineProperty(_ref, "height", $theme.sizing.scale800), _defineProperty(_ref, "display", 'flex'), _defineProperty(_ref, "justifyContent", 'center'), _defineProperty(_ref, "alignItems", 'center'), _defineProperty(_ref, "cursor", 'pointer'), _ref;
 });
 StyledClose.displayName = "StyledClose";
-StyledClose.displayName = 'StyledClose';
 export var Hidden = styled('div', {
   display: 'none'
 });
-Hidden.displayName = "Hidden";
-Hidden.displayName = 'Hidden';
+Hidden.displayName = "Hidden";