@sproutsocial/racine 20.9.0 → 20.10.0

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/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":"AAAA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAC7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,EAAE,CAAC;CAChD;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,OAAO,EAAE;QACP,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,aAAa,KAAA,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,eAAe,EAAE;QAEf,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;KACrD,CAAC;CACH;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,EAC7C,mBAAmB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;IACvC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,EAAE,CAAC,EAAE,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAC3C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,iFAAiF;IACjF,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B;gGAC4F;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD;;wIAEoI;IACpI,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,mEAAmE;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEjC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC;CACzB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EACtC,qBAAqB;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACpC"}

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.9.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",