@sproutsocial/racine 20.8.0 → 20.10.0

package/__flow__/Drawer/Drawer.flow.js

@@ -35,6 +35,7 @@ export type TypeDrawerProps = {
   onClose: () => void,
   zIndex?: number,
   closeTargets?: Array<Element>,
+  width?: number,
   ...
 };
 declare class DrawerContainer extends React.Component<TypeDrawerProps> {

package/commonjs/Drawer/Drawer.js

@@ -17,8 +17,8 @@ var _SlideTransition = require("./SlideTransition");
 var _styles = _interopRequireWildcard(require("./styles"));
 var _excluded = ["title", "id", "children", "render"],
   _excluded2 = ["children"],
-  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
-  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
+  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets", "width", "focusLockExemptCheck"],
+  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets", "width"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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, 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; }
@@ -30,8 +30,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 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); } // eslint-disable-next-line import/no-deprecated
-// If ever we needed to make drawer width configurable, move this to a default prop
-var DRAWER_WIDTH = 600;
 var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
@@ -103,6 +101,8 @@ var Drawer = function Drawer(_ref3) {
     onClose = _ref3.onClose,
     zIndex = _ref3.zIndex,
     closeTargets = _ref3.closeTargets,
+    width = _ref3.width,
+    focusLockExemptCheck = _ref3.focusLockExemptCheck,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   var drawerRef = (0, React.useRef)(null);
   (0, React.useEffect)(function () {
@@ -141,11 +141,14 @@ var Drawer = function Drawer(_ref3) {
   return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
     key: id,
     autoFocus: true,
-    returnFocus: true
+    returnFocus: true,
+    whiteList: focusLockExemptCheck ? function (e) {
+      return !focusLockExemptCheck(e);
+    } : undefined
   }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
     ref: drawerRef,
     style: style,
-    width: DRAWER_WIDTH,
+    width: width,
     offset: offset,
     direction: direction,
     "data-qa-drawer": id,
@@ -168,6 +171,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
     zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
     _ref4$closeTargets = _ref4.closeTargets,
     closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
+    _ref4$width = _ref4.width,
+    width = _ref4$width === void 0 ? 600 : _ref4$width,
     rest = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement(_Portal.default, {
     id: id
@@ -177,7 +182,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       closeButtonLabel: closeButtonLabel
     }
   }, /*#__PURE__*/React.createElement(_SlideTransition.SlideTransition, {
-    width: DRAWER_WIDTH + offset,
+    width: width + offset,
     direction: direction,
     isVisible: isOpen
   }, function (_ref5) {
@@ -196,6 +201,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       onClose: onClose,
       zIndex: zIndex,
       closeTargets: closeTargets,
+      width: width,
       "data-qa-drawer": id || '',
       "data-qa-drawer-isopen": isOpen === true
     }, rest), children);

package/commonjs/Menu/Menu.js

@@ -27,7 +27,7 @@ var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAft
   _excluded3 = ["children", "title", "titleAs", "disabled"],
   _excluded4 = ["children", "role", "multiselect", "innerRef"],
   _excluded5 = ["role", "children", "onChange", "value", "multiselect", "innerRef", "footerContent"],
-  _excluded6 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"];
+  _excluded6 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement", "isOpen", "setIsOpen"];
 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, 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -510,14 +510,23 @@ var MenuButton = function MenuButton(_ref10) {
     id = _ref10$id === void 0 ? (0, _lodash.default)('MenuButton-') : _ref10$id,
     _ref10$placement = _ref10.placement,
     placement = _ref10$placement === void 0 ? 'bottom' : _ref10$placement,
+    isOpen = _ref10.isOpen,
+    setIsOpen = _ref10.setIsOpen,
     props = _objectWithoutProperties(_ref10, _excluded6);
   var _useState5 = (0, React.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
+    isInternalShown = _useState6[0],
+    setIsInternalShown = _useState6[1];
+  var isControlled = typeof isOpen === 'boolean';
+  var isShown = isControlled ? isOpen : isInternalShown;
+  var setIsShown = (0, React.useMemo)(function () {
+    return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
+      return setIsInternalShown(nextIsShown);
+    };
+  }, [isControlled, setIsOpen]);
   var closePopout = (0, React.useCallback)(function () {
-    return setIsOpen(false);
-  }, [setIsOpen]);
+    return setIsShown(false);
+  }, [setIsShown]);
   var ariaLabelledBy = props['aria-labelledby'] ? "".concat(props['aria-labelledby'], " ").concat(id) : undefined;
   var ariaLabel = props['aria-label'] ? "".concat(props['aria-label'], " ").concat((0, _innerText.default)(children)) : undefined;
   return /*#__PURE__*/React.createElement(_utils.MenuButtonContext.Provider, {
@@ -526,8 +535,8 @@ var MenuButton = function MenuButton(_ref10) {
       closeOnItemClick: closeOnItemClick
     }
   }, /*#__PURE__*/React.createElement(_Popout.default, _extends({
-    isOpen: isOpen,
-    setIsOpen: setIsOpen,
+    isOpen: isShown,
+    setIsOpen: setIsShown,
     content: /*#__PURE__*/React.createElement(CustomPopoutContent, null, content),
     placement: placement
   }, popoutProps, {
@@ -536,17 +545,17 @@ var MenuButton = function MenuButton(_ref10) {
     id: id,
     "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
     "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),
-    active: isOpen,
+    active: isShown,
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _onClick && _onClick(e); // @ts-notes unfortunately we're passing in a keyboard event here and not the mouse event it expects, so no way to coerce it
-        setIsOpen(true);
+        setIsShown(true);
       }
     },
     onClick: function onClick(e) {
       _onClick && _onClick(e);
-      setIsOpen(!isOpen);
+      setIsShown(!isShown);
     }
   }), children)));
 };

package/commonjs/Tooltip/Tooltip.js

@@ -146,7 +146,7 @@ var Tooltip = function Tooltip(_ref2) {
       onFocus: show,
       onBlur: hide,
       "aria-expanded": isOpen,
-      "aria-describedby": id
+      id: id
     }, rest), content);
   };
   return /*#__PURE__*/React.createElement(_Popout.default, _extends({

package/commonjs/themes/dark/theme.js

@@ -178,7 +178,7 @@ var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
   },
   text: {
     headline: _seedsColor.default.COLOR_NEUTRAL_0,
-    subtext: _seedsColor.default.COLOR_NEUTRAL_300,
+    subtext: _seedsColor.default.COLOR_NEUTRAL_200,
     body: _seedsColor.default.COLOR_NEUTRAL_100,
     inverse: _seedsColor.default.COLOR_NEUTRAL_900,
     error: _decorativePalettes.red.foreground,

package/dist/themes/dark/theme.scss

@@ -149,7 +149,7 @@ $theme: (
       ),
       "text": (
         "headline": #FFFFFF,
-        "subtext": #c8cccc,
+        "subtext": #dee1e1,
         "body": #f3f4f4,
         "inverse": #273333,
         "error": #ffd5d2,

package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss

@@ -181,7 +181,7 @@ $theme: (
       ),
       "text": (
         "headline": #FFFFFF,
-        "subtext": #c8cccc,
+        "subtext": #dee1e1,
         "body": #f3f4f4,
         "inverse": #273333,
         "error": #ffd5d2,

package/dist/types/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AACnE,UAAU,oBAAqB,SAAQ,eAAe;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AACD,QAAA,MAAM,SAAS,8HA+Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AACnE,UAAU,oBAAqB,SAAQ,eAAe;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AACD,QAAA,MAAM,SAAS,8HA+Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/Drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { TypeDrawerCloseButtonProps, TypeDrawerHeaderProps, TypeDrawerProps, TypeDrawerContentProps } from './DrawerTypes';
 declare const DrawerContainer: {
-    ({ children, closeButtonLabel, direction, disableCloseOnClickOutside, id, isOpen, offset, onClose, zIndex, closeTargets, ...rest }: TypeDrawerProps): JSX.Element;
+    ({ children, closeButtonLabel, direction, disableCloseOnClickOutside, id, isOpen, offset, onClose, zIndex, closeTargets, width, ...rest }: TypeDrawerProps): JSX.Element;
     Header: {
         ({ title, id, children, render, ...rest }: TypeDrawerHeaderProps): React.ReactElement<any, any> | null;
         displayName: string;

package/dist/types/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEV,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EAEf,sBAAsB,EACvB,MAAM,eAAe,CAAC;AA+KvB,QAAA,MAAM,eAAe;wIAYlB,eAAe;;mDA7If,qBAAqB;;;;gCAmCoB,sBAAsB;;;;gBAjEhC,0BAA0B;;;CAiN3D,CAAC;AAUF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEV,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EAEf,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAsLvB,QAAA,MAAM,eAAe;+IAalB,eAAe;;mDAvJf,qBAAqB;;;;gCAmCoB,sBAAsB;;;;gBAjEhC,0BAA0B;;;CA4N3D,CAAC;AAUF,eAAe,eAAe,CAAC"}

package/dist/types/Drawer/DrawerTypes.d.ts

@@ -37,6 +37,8 @@ export interface TypeDrawerProps extends TypeStyledComponentsCommonProps, TypeSy
     onClose: () => void;
     zIndex?: number;
     closeTargets?: Array<Element>;
+    width?: number;
+    focusLockExemptCheck?: (element: HTMLElement) => boolean;
 }
 export interface TypeDrawerContentProps extends TypeBoxProps {
     children?: React.ReactNode;

package/dist/types/Drawer/DrawerTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTypes.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AACtC,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAEhC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,0IAA0I;IAC1I,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iJAAiJ;IACjJ,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IAE5D,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iEAAiE;IACjE,gBAAgB,EAAE,MAAM,CAAC;IAEzB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE7B,2IAA2I;IAC3I,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"DrawerTypes.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AACtC,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAEhC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,0IAA0I;IAC1I,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iJAAiJ;IACjJ,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IAE5D,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iEAAiE;IACjE,gBAAgB,EAAE,MAAM,CAAC;IAEzB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE7B,2IAA2I;IAC3I,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAC1D;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/types/Listbox/Listbox.d.ts

@@ -39,7 +39,7 @@ export declare const Listbox: {
  * These styles are copied from @sproutsocial/racine/commonjs/Select/styles and applied at the root element since
  * the Listbox component doesn't render a select.
  */
-export declare const ListboxButtonContainer: import("styled-components").StyledComponent<({ content, popoutProps, children, onClick, closeOnItemClick, id, placement, ...props }: import("../Menu").TypeMenuButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ListboxButtonContainer: import("styled-components").StyledComponent<({ content, popoutProps, children, onClick, closeOnItemClick, id, placement, isOpen, setIsOpen, ...props }: import("../Menu").TypeMenuButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const ListboxButton: ({ children, ...restProps }: TypeListboxButtonProps) => JSX.Element;
 export default Listbox;
 //# sourceMappingURL=Listbox.d.ts.map

package/dist/types/Listbox/Listbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/Listbox/Listbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,eAAO,MAAM,OAAO;kCAIjB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,oPAuDlC,CAAC;AACF,eAAO,MAAM,aAAa,+BAGvB,sBAAsB,gBAaxB,CAAC;AAQF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/Listbox/Listbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,eAAO,MAAM,OAAO;kCAIjB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,uQAuDlC,CAAC;AACF,eAAO,MAAM,aAAa,+BAGvB,sBAAsB,gBAaxB,CAAC;AAQF,eAAe,OAAO,CAAC"}

package/dist/types/Listbox/ListboxTypes.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { TypeButtonProps } from '../Button';
 import { TypePopoutProps } from '../Popout/PopoutTypes';
-import { TypeMenuProps, TypeMenuButtonContext } from '../Menu';
+import { TypeMenuProps, TypeMenuButtonContext, TypeMenuButtonProps } from '../Menu';
 export interface TypeListboxProps extends TypeMenuProps {
     role?: 'listbox';
 }
-export interface TypeListboxButtonProps extends Omit<TypeButtonProps, 'content'>, TypeMenuButtonContext {
+export interface TypeListboxButtonProps extends Omit<TypeButtonProps, 'content'>, TypeMenuButtonContext, TypeMenuButtonProps {
     size?: 'large' | 'default' | 'small';
     content: React.ReactNode;
     popoutProps?: TypePopoutProps;

package/dist/types/Listbox/ListboxTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListboxTypes.d.ts","sourceRoot":"","sources":["../../../src/Listbox/ListboxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAE,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EACtC,qBAAqB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"ListboxTypes.d.ts","sourceRoot":"","sources":["../../../src/Listbox/ListboxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EACtC,qBAAqB,EACrB,mBAAmB;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/types/Menu/Menu.d.ts

@@ -58,6 +58,6 @@ export declare const Menu: {
         displayName: string;
     };
 };
-export declare const MenuButton: ({ content, popoutProps, children, onClick, closeOnItemClick, id, placement, ...props }: TypeMenuButtonProps) => JSX.Element;
+export declare const MenuButton: ({ content, popoutProps, children, onClick, closeOnItemClick, id, placement, isOpen, setIsOpen, ...props }: TypeMenuButtonProps) => JSX.Element;
 export default Menu;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/types/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";AAcA,OAAY,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAI3C,OAAc,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAKjD,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAEjB,aAAa,EAEb,mBAAmB,EACpB,MAAM,aAAa,CAAC;AA8CrB,eAAO,MAAM,QAAQ;kMAgBlB,iBAAiB;;CAuLnB,CAAC;AACF,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAEpD,CAAC;AACF,eAAO,MAAM,SAAS;YAAW,iBAAiB;;CAEjD,CAAC;AAEF,eAAO,MAAM,UAAU;YAAW,mBAAmB;;CA8CpD,CAAC;AAUF,eAAO,MAAM,SAAS;mEAMnB,kBAAkB;;CA2BpB,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAQ9C,CAAC;AA4FF,eAAO,MAAM,IAAI;0FASd,aAAa;;;uEA1Ib,kBAAkB;;;;sMA7PlB,iBAAiB;;;;gBAwLgB,iBAAiB;;;;gBAGpB,iBAAiB;;;;gBAIhB,mBAAmB;;;;gBA2FlB,YAAY;;;;gBAUf,cAAc;;;CAuJ7C,CAAC;AAuBF,eAAO,MAAM,UAAU,2FASpB,mBAAmB,gBA+CrB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";AAcA,OAAY,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAI3C,OAAc,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAKjD,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAEjB,aAAa,EAEb,mBAAmB,EACpB,MAAM,aAAa,CAAC;AA8CrB,eAAO,MAAM,QAAQ;kMAgBlB,iBAAiB;;CAuLnB,CAAC;AACF,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAEpD,CAAC;AACF,eAAO,MAAM,SAAS;YAAW,iBAAiB;;CAEjD,CAAC;AAEF,eAAO,MAAM,UAAU;YAAW,mBAAmB;;CA8CpD,CAAC;AAUF,eAAO,MAAM,SAAS;mEAMnB,kBAAkB;;CA2BpB,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAQ9C,CAAC;AA4FF,eAAO,MAAM,IAAI;0FASd,aAAa;;;uEA1Ib,kBAAkB;;;;sMA7PlB,iBAAiB;;;;gBAwLgB,iBAAiB;;;;gBAGpB,iBAAiB;;;;gBAIhB,mBAAmB;;;;gBA2FlB,YAAY;;;;gBAUf,cAAc;;;CAuJ7C,CAAC;AAuBF,eAAO,MAAM,UAAU,8GAWpB,mBAAmB,gBAwDrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/Menu/MenuTypes.d.ts

@@ -87,6 +87,8 @@ export interface TypeMenuButtonProps extends Omit<TypeButtonProps, 'content'>, T
     popoutProps?: Partial<Omit<TypePopoutProps, 'children'>>;
     placement?: EnumPlacements;
     invalid?: boolean;
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean, event?: MouseEvent | KeyboardEvent) => void;
 }
 export interface TypeMenuItemContainerProps extends TypeMenuItemProps {
     interactive: boolean;

package/dist/types/Menu/MenuTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTypes.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuTypes.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTypes.ts"],"names":[],"mappings":"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"}

package/lib/Drawer/Drawer.js

@@ -1,8 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["title", "id", "children", "render"],
   _excluded2 = ["children"],
-  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
-  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
+  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets", "width", "focusLockExemptCheck"],
+  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets", "width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -23,8 +23,6 @@ import Text from "../Text";
 import Portal from "../Portal";
 import { SlideTransition } from "./SlideTransition";
 import Container, { Content } from "./styles";
-// If ever we needed to make drawer width configurable, move this to a default prop
-var DRAWER_WIDTH = 600;
 var AnimatedDrawer = animated(Container);
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
@@ -96,6 +94,8 @@ var Drawer = function Drawer(_ref3) {
     onClose = _ref3.onClose,
     zIndex = _ref3.zIndex,
     closeTargets = _ref3.closeTargets,
+    width = _ref3.width,
+    focusLockExemptCheck = _ref3.focusLockExemptCheck,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   var drawerRef = useRef(null);
   useEffect(function () {
@@ -134,11 +134,14 @@ var Drawer = function Drawer(_ref3) {
   return /*#__PURE__*/React.createElement(FocusLock, {
     key: id,
     autoFocus: true,
-    returnFocus: true
+    returnFocus: true,
+    whiteList: focusLockExemptCheck ? function (e) {
+      return !focusLockExemptCheck(e);
+    } : undefined
   }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
     ref: drawerRef,
     style: style,
-    width: DRAWER_WIDTH,
+    width: width,
     offset: offset,
     direction: direction,
     "data-qa-drawer": id,
@@ -161,6 +164,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
     zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
     _ref4$closeTargets = _ref4.closeTargets,
     closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
+    _ref4$width = _ref4.width,
+    width = _ref4$width === void 0 ? 600 : _ref4$width,
     rest = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement(Portal, {
     id: id
@@ -170,7 +175,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       closeButtonLabel: closeButtonLabel
     }
   }, /*#__PURE__*/React.createElement(SlideTransition, {
-    width: DRAWER_WIDTH + offset,
+    width: width + offset,
     direction: direction,
     isVisible: isOpen
   }, function (_ref5) {
@@ -189,6 +194,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       onClose: onClose,
       zIndex: zIndex,
       closeTargets: closeTargets,
+      width: width,
       "data-qa-drawer": id || '',
       "data-qa-drawer-isopen": isOpen === true
     }, rest), children);

package/lib/Menu/Menu.js

@@ -5,7 +5,7 @@ var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAft
   _excluded3 = ["children", "title", "titleAs", "disabled"],
   _excluded4 = ["children", "role", "multiselect", "innerRef"],
   _excluded5 = ["role", "children", "onChange", "value", "multiselect", "innerRef", "footerContent"],
-  _excluded6 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"];
+  _excluded6 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement", "isOpen", "setIsOpen"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -497,14 +497,23 @@ export var MenuButton = function MenuButton(_ref10) {
     id = _ref10$id === void 0 ? uniqueId('MenuButton-') : _ref10$id,
     _ref10$placement = _ref10.placement,
     placement = _ref10$placement === void 0 ? 'bottom' : _ref10$placement,
+    isOpen = _ref10.isOpen,
+    setIsOpen = _ref10.setIsOpen,
     props = _objectWithoutProperties(_ref10, _excluded6);
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
+    isInternalShown = _useState6[0],
+    setIsInternalShown = _useState6[1];
+  var isControlled = typeof isOpen === 'boolean';
+  var isShown = isControlled ? isOpen : isInternalShown;
+  var setIsShown = useMemo(function () {
+    return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
+      return setIsInternalShown(nextIsShown);
+    };
+  }, [isControlled, setIsOpen]);
   var closePopout = useCallback(function () {
-    return setIsOpen(false);
-  }, [setIsOpen]);
+    return setIsShown(false);
+  }, [setIsShown]);
   var ariaLabelledBy = props['aria-labelledby'] ? "".concat(props['aria-labelledby'], " ").concat(id) : undefined;
   var ariaLabel = props['aria-label'] ? "".concat(props['aria-label'], " ").concat(innerText(children)) : undefined;
   return /*#__PURE__*/React.createElement(MenuButtonContext.Provider, {
@@ -513,8 +522,8 @@ export var MenuButton = function MenuButton(_ref10) {
       closeOnItemClick: closeOnItemClick
     }
   }, /*#__PURE__*/React.createElement(Popout, _extends({
-    isOpen: isOpen,
-    setIsOpen: setIsOpen,
+    isOpen: isShown,
+    setIsOpen: setIsShown,
     content: /*#__PURE__*/React.createElement(CustomPopoutContent, null, content),
     placement: placement
   }, popoutProps, {
@@ -523,17 +532,17 @@ export var MenuButton = function MenuButton(_ref10) {
     id: id,
     "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
     "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),
-    active: isOpen,
+    active: isShown,
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _onClick && _onClick(e); // @ts-notes unfortunately we're passing in a keyboard event here and not the mouse event it expects, so no way to coerce it
-        setIsOpen(true);
+        setIsShown(true);
       }
     },
     onClick: function onClick(e) {
       _onClick && _onClick(e);
-      setIsOpen(!isOpen);
+      setIsShown(!isShown);
     }
   }), children)));
 };

package/lib/Tooltip/Tooltip.js

@@ -138,7 +138,7 @@ var Tooltip = function Tooltip(_ref2) {
       onFocus: show,
       onBlur: hide,
       "aria-expanded": isOpen,
-      "aria-describedby": id
+      id: id
     }, rest), content);
   };
   return /*#__PURE__*/React.createElement(Popout, _extends({

package/lib/themes/dark/theme.js

@@ -173,7 +173,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
   },
   text: {
     headline: COLORS.COLOR_NEUTRAL_0,
-    subtext: COLORS.COLOR_NEUTRAL_300,
+    subtext: COLORS.COLOR_NEUTRAL_200,
     body: COLORS.COLOR_NEUTRAL_100,
     inverse: COLORS.COLOR_NEUTRAL_900,
     error: red.foreground,

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "20.8.0",
+  "version": "20.10.0",
   "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
   "files": [
     "__flow__",
     "commonjs",
@@ -29,18 +32,20 @@
     "build-svgs": "node ./bin/buildSVG.js",
     "build-app": "BABEL_ENV=es node ./bin/buildApp.js",
     "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
-    "build:typescript": "tsc --noEmit",
     "watch-app": "BABEL_ENV=es node ./bin/buildApp.js --watch",
     "start-package-only": "npm-run-all install-deps clean -p build-svgs watch-package",
     "start": "npm-run-all clean -p build-svgs watch-package watch-app",
-    "build": "npm-run-all -s clean build-svgs build:typescript build:ts-declarations build-package build-app",
-    "lint-js": "eslint --max-warnings=0 --fix .",
+    "build": "npm-run-all -s clean build-svgs build:ts-declarations build-package build-app",
+    "format": "prettier --write .",
+    "format:check": "prettier -c .",
+    "lint": "eslint --max-warnings=0 --fix .",
+    "lint:check": "eslint --max-warnings=0 --ext .ts,.tsx,.js .",
     "jest": "jest --no-cache",
     "jest:watch": "jest --watch",
-    "test:flow": "flow check --max-warnings 0",
-    "test:ts": "tsc --noEmit",
-    "test:types": "yarn test:flow && yarn test:ts",
-    "test": "npm-run-all test:types lint-js jest",
+    "typecheck:flow": "flow check --max-warnings 0",
+    "typecheck:ts": "tsc --noEmit",
+    "typecheck": "npm-run-all typecheck:flow typecheck:ts",
+    "test": "yarn jest",
     "backstop-test": "yarn backstop test --config='backstop.config.js' --docker",
     "backstop-reference": "yarn backstop reference --config='backstop.config.js' --docker",
     "backstop-approve": "yarn backstop approve --config='backstop.config.js' --docker",
@@ -55,9 +60,6 @@
   "lint-staged": {
     "**/*": [
       "prettier --write"
-    ],
-    "**/*.{ts,tsx,js}": [
-      "eslint --max-warnings=0 --fix --ext .ts,.tsx,.js"
     ]
   },
   "dependencies": {
@@ -119,7 +121,7 @@
     "@testing-library/user-event": "^13.0.0",
     "@types/jest": "^27.0.0",
     "@types/jest-axe": "^3.5.5",
-    "@types/node": "^16.15.0",
+    "@types/node": "^18.17.1",
     "@types/react": "^17.0.0",
     "@types/react-dates": "^21.8.3",
     "@types/react-dom": "^17.0.0",