@planningcenter/tapestry-react 2.10.0-rc.8 → 2.10.0

package/dist/esm/LinkList/LinkList.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Divider from '../Divider';
+import Link from '../Link';
+import StackView from '../StackView';
+
+var _ref2 = /*#__PURE__*/React.createElement(Divider, {
+  axis: "vertical",
+  margin: 1,
+  color: "grey-6"
+});
+
+function LinkList(_ref) {
+  var links = _ref.links,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["links"]);
+
+  return /*#__PURE__*/React.createElement(StackView, _extends({
+    axis: "horizontal",
+    alignment: "center",
+    spacing: _ref2,
+    wrap: true
+  }, restProps), links.map(function (link) {
+    return /*#__PURE__*/React.createElement(Link, {
+      key: link.url,
+      to: link.url
+    }, link.name);
+  }));
+}
+
+export default LinkList;

package/dist/esm/LinkList/index.js

@@ -0,0 +1,2 @@
+import LinkList from './LinkList';
+export default LinkList;

package/dist/esm/List/List.js

@@ -0,0 +1,51 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import StackView from '../StackView';
+import { cloneChildren } from '../utils';
+import ListItem from './ListItem';
+
+function List(_ref) {
+  var border = _ref.border,
+      _ref$borderColor = _ref.borderColor,
+      borderColor = _ref$borderColor === void 0 ? 'separatorTertiary' : _ref$borderColor,
+      children = _ref.children,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? true : _ref$divider,
+      _ref$dividerColor = _ref.dividerColor,
+      dividerColor = _ref$dividerColor === void 0 ? 'separatorTertiary' : _ref$dividerColor,
+      onItemRemoveRequest = _ref.onItemRemoveRequest,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["border", "borderColor", "children", "divider", "dividerColor", "onItemRemoveRequest"]);
+
+  if (border) {
+    restProps.borderTopWidth = 1;
+    restProps.borderTopColor = borderColor;
+    restProps.borderBottomWidth = 1;
+    restProps.borderBottomColor = borderColor;
+  }
+
+  return /*#__PURE__*/React.createElement(StackView, restProps, cloneChildren(children, function (child, _ref2) {
+    var index = _ref2.index,
+        lastChild = _ref2.lastChild;
+    var childProps = divider && !lastChild ? {
+      borderBottomWidth: 1,
+      borderBottomColor: dividerColor
+    } : {};
+
+    if (onItemRemoveRequest || child.props.onRemoveRequest) {
+      childProps.onRemoveRequest = function () {
+        if (onItemRemoveRequest) {
+          onItemRemoveRequest(index);
+        }
+
+        if (child.props.onRemoveRequest) {
+          child.props.onRemoveRequest(index);
+        }
+      };
+    }
+
+    return childProps;
+  }));
+}
+
+List.Item = ListItem;
+export default List;

package/dist/esm/List/ListItem.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Button from '../Button';
+import StackView from '../StackView';
+import { useHover } from '../hooks';
+
+function ListItem(_ref) {
+  var children = _ref.children,
+      onRemoveRequest = _ref.onRemoveRequest,
+      _ref$removeTitle = _ref.removeTitle,
+      removeTitle = _ref$removeTitle === void 0 ? 'Remove item' : _ref$removeTitle,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "onRemoveRequest", "removeTitle"]);
+
+  var _useHover = useHover(),
+      hover = _useHover.hover,
+      hoverProps = _useHover.hoverProps;
+
+  return /*#__PURE__*/React.createElement(StackView, _extends({
+    axis: "horizontal",
+    alignment: "center",
+    distribution: "space-between",
+    padding: 1,
+    backgroundColor: "surface"
+  }, hoverProps, restProps), children, onRemoveRequest && /*#__PURE__*/React.createElement(Button, {
+    icon: {
+      name: 'general.minusCircle'
+    },
+    title: removeTitle,
+    size: "sm",
+    theme: "error",
+    variant: "naked",
+    marginLeft: 1,
+    opacity: hover ? 1 : 0,
+    onClick: onRemoveRequest
+  }));
+}
+
+export default ListItem;

package/dist/esm/List/index.js

@@ -0,0 +1,2 @@
+import List from './List';
+export default List;

package/dist/esm/Logo/Logo.js

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import Box from '../Box';
+var mark = {
+  services: "M12,0C2.4,0,0,2.4,0,12c0,9.6,2.4,12,12,12s12-2.4,12-12C24,2.4,21.6,0,12,0z M6.5,17.4c-0.7,0-1.3-0.6-1.3-1.3\n    c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3C7.8,16.9,7.2,17.4,6.5,17.4z M6.5,13.3c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3\n    s1.3,0.6,1.3,1.3C7.8,12.7,7.2,13.3,6.5,13.3z M6.5,9.2c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3S7.2,9.2,6.5,9.2z\n     M18,16.7c0,0.3-0.3,0.6-0.6,0.6H9.8c-0.3,0-0.6-0.3-0.6-0.6v-1.1c0-0.3,0.3-0.6,0.6-0.6h7.7c0.3,0,0.6,0.3,0.6,0.6V16.7z M18,12.6\n    c0,0.3-0.3,0.6-0.6,0.6H9.8c-0.3,0-0.6-0.3-0.6-0.6v-1.1c0-0.3,0.3-0.6,0.6-0.6h7.7c0.3,0,0.6,0.3,0.6,0.6V12.6z M18,8.4\n    C18,8.8,17.8,9,17.4,9H9.8C9.5,9,9.2,8.8,9.2,8.4V7.3c0-0.3,0.3-0.6,0.6-0.6h7.7C17.8,6.7,18,7,18,7.3V8.4z",
+  'music-stand': "M12.1,0C2.5,0,0,2.3,0,11.9C0,21.5,2.3,24,11.9,24c9.6,0,12-2.3,12.1-11.9C24,2.5,21.7,0,12.1,0z M17.3,14.5L17.3,14.5\n    c0,0.9-1,1.7-2.3,1.9c-1.4,0.2-2.6-0.5-2.7-1.4c-0.1-0.9,0.9-1.8,2.3-1.9c0.4-0.1,0.9,0,1.2,0.1l0-4.4l-6.1,2l0,5.5l0,0\n    c-0.1,0.8-1.1,1.5-2.3,1.7c-1.4,0.2-2.6-0.5-2.7-1.4c-0.1-0.9,0.9-1.8,2.3-1.9c0.4-0.1,0.9,0,1.2,0.1l0-5.1c0-0.3,0.1-0.7,0.3-0.7\n    c1.3-0.4,7.4-2.4,8.2-2.6c0.3-0.1,0.5,0.2,0.5,0.3L17.3,14.5z"
+};
+var type = {
+  services: {
+    width: 114,
+    path: "M41.1,14.4c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.2l0,0c-0.2-0.2-0.4-0.5-0.3-0.8l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3\n    c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9\n    c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9c0.4,0.3,0.5,0.7,0.3,1.1L40,8.1c-0.2,0.4-0.6,0.4-1,0.3c-0.9-0.4-1.7-0.6-2.5-0.6\n    c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,2,1.6C39.5,11.3,41.1,12.2,41.1,14.4z M53.5,10.9c0,0.2,0,0.6-0.1,0.8c0,0.4-0.4,0.6-0.7,0.6\n    h-8.1c0.1,1.5,1.5,3,3.4,3c1.4,0,2.1-0.5,2.8-1c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.3,0.1,0.4,0.3l0.7,1.1c0.2,0.3,0.4,0.6-0.1,1\n    C52,16.9,50.5,18,47.9,18c-3.5,0-6.1-2.7-6.1-6.4c0-3.6,2.6-6.4,6.1-6.4C51,5.3,53.5,7.7,53.5,10.9z M44.8,10.2h5.8\n    c-0.1-1.2-1.1-2.4-2.8-2.4C46.2,7.8,45,8.7,44.8,10.2z M60.8,5.3c-2,0-3.1,1.1-3.6,1.6L57,6.1c-0.1-0.3-0.4-0.5-0.7-0.5h-0.6\n    c-0.4,0-0.7,0.3-0.7,0.7V17c0,0.4,0.3,0.7,0.7,0.7h1.2c0.4,0,1,0,1-0.7V9.5C58.1,9.2,59,8,60.5,8c0.4,0,0.9,0.1,1,0.2\n    c0.2,0.1,0.3,0.1,0.5,0c0.2-0.1,0.3-0.2,0.4-0.4l0.6-1.3c0.1-0.3,0.1-0.5,0-0.6C62.8,5.5,61.7,5.3,60.8,5.3z M74.7,5.5h-1.2\n    c-0.3,0-0.7,0-0.9,0.4L69.3,13L66.3,6c-0.1-0.2-0.3-0.4-0.6-0.4H64c-0.3,0-0.5,0.1-0.6,0.3c-0.1,0.2-0.1,0.4,0,0.6l5.2,11.2\n    c0.1,0.2,0.3,0.4,0.6,0.4h0.2c0.3,0,0.5-0.1,0.6-0.4l5.2-11.2c0.1-0.2,0.1-0.4,0-0.6C75.2,5.6,74.9,5.5,74.7,5.5z M78.4,5.5H77\n    c-0.4,0-0.7,0.3-0.7,0.7V17c0,0.4,0.3,0.7,0.7,0.7h1.4c0.4,0,0.7-0.3,0.7-0.7V6.3C79.1,5.9,78.8,5.5,78.4,5.5z M77.7,0.2\n    c-1,0-1.8,0.8-1.8,1.9c0,1,0.8,1.9,1.8,1.9c1,0,1.9-0.8,1.9-1.9C79.6,1,78.8,0.2,77.7,0.2z M90.7,13.8c-0.3-0.3-0.7-0.2-1,0.1\n    c-0.1,0.1-0.2,0.2-0.3,0.3c-0.5,0.5-1.2,1.2-2.4,1.2c-1.9,0-3.4-1.6-3.4-3.7c0-2,1.5-3.6,3.5-3.6c0.9,0,1.8,0.6,2.4,1.1\n    c0.2,0.2,0.5,0.5,1,0.1l0.9-0.9c0.3-0.3,0.4-0.7,0.1-1C90.2,6,88.8,5.3,87,5.3c-3.5,0-6.3,2.9-6.3,6.4c0,3.6,2.7,6.4,6.2,6.4\n    c2,0,3.7-0.9,4.8-2.5c0.2-0.2,0.2-0.6-0.2-1L90.7,13.8z M104,10.9c0,0.2,0,0.6-0.1,0.8c0,0.4-0.4,0.6-0.7,0.6h-8.1\n    c0.1,1.5,1.5,3,3.4,3c1.4,0,2.1-0.5,2.8-1c0.1-0.1,0.3-0.2,0.5-0.2c0.1,0,0.3,0.1,0.4,0.3l0.7,1.1c0.2,0.3,0.4,0.6-0.1,1\n    c-0.4,0.4-1.9,1.5-4.5,1.5c-3.5,0-6.1-2.7-6.1-6.4c0-3.6,2.6-6.4,6.1-6.4C101.6,5.3,104,7.7,104,10.9z M95.3,10.2h5.8\n    C101,9,100,7.8,98.3,7.8C96.7,7.8,95.5,8.7,95.3,10.2z M109.5,10.3c-1.3-0.6-2-1-2-1.6c0-0.5,0.4-0.9,1.4-0.9\n    c0.8,0,1.6,0.2,2.5,0.6c0.3,0.1,0.8,0.1,1-0.3l0.4-0.8c0.2-0.4,0.1-0.8-0.3-1.1c-0.7-0.4-2-0.9-3.6-0.9c-2.8,0-4.1,1.7-4.1,3.4\n    c0,2.1,1.6,3.1,3.3,3.9c1.7,0.8,2.5,1.2,2.5,1.9c0,0.6-0.6,1-1.4,1c-1.4,0-2.2-0.5-2.9-0.8l0,0c-0.2-0.1-0.4-0.1-0.6-0.1\n    c-0.2,0-0.3,0.2-0.4,0.3l-0.5,1.1c-0.2,0.3,0,0.6,0.2,0.8l0,0c0.7,0.5,2.1,1.2,4,1.2c2.9,0,4.4-1.8,4.4-3.6\n    C113.4,12.2,111.9,11.3,109.5,10.3z"
+  },
+  'music-stand': {
+    width: 152,
+    path: "M50.8,11.2l0,6c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-1.9-0.7-2.9-2.2-2.9c-1.5,0-2.3,0.9-2.7,1.2\n      c0,0,0,0.1-0.1,0.1c0.1,0.3,0.1,1,0.1,1.6l0,6.2c0,0.4-0.3,0.7-0.7,0.7l-1.5,0c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-2-0.7-2.9-2.2-2.9\n      c-1.8,0-2.6,1.3-2.7,1.6l0,7.4c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7l0.6,0\n      c0.3,0,0.5,0.2,0.6,0.5l0.3,0.8c0.6-0.6,1.8-1.5,3.7-1.5c1.6,0,2.7,0.6,3.6,1.8c1.2-1.2,2.6-1.8,4-1.8C50.4,5.4,50.8,8.7,50.8,11.2\n      z M63.5,6.5l0,10.8c0,0.4-0.3,0.7-0.7,0.7l-0.6,0c-0.4,0-0.6-0.3-0.7-0.6l-0.2-0.6c-0.4,0.5-1.6,1.5-3.7,1.5c-4.1,0-4.6-3-4.6-5.6\n      l0-6.2c0-0.4,0.3-0.7,0.7-0.7l1.4,0c0.4,0,0.7,0.3,0.7,0.7l0,6.3c0,1.8,0.7,2.7,2.2,2.7c1.6,0,2.6-1.3,2.7-1.8l0-7.2\n      c0-0.7,0.4-0.7,0.8-0.7l1.3,0C63.2,5.8,63.5,6.1,63.5,6.5z M73.8,14.7c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.3l0,0\n      c-0.2-0.2-0.4-0.5-0.2-0.8l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8\n      c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9\n      c0.4,0.3,0.5,0.7,0.3,1.1l-0.4,0.8c-0.2,0.4-0.6,0.4-1,0.3C70.9,8.2,70.1,8,69.3,8c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,1.9,1.6\n      C72.3,11.6,73.8,12.4,73.8,14.7z M78.6,2.3c0,1-0.9,1.9-1.9,1.9c-1,0-1.8-0.8-1.8-1.9c0-1.1,0.8-1.9,1.8-1.9\n      C77.8,0.4,78.6,1.3,78.6,2.3z M78.1,6.5l0,10.8c0,0.4-0.3,0.7-0.7,0.7l-1.4,0c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7\n      l1.4,0C77.8,5.8,78.1,6.2,78.1,6.5z M90.4,14.8c0.5,0.4,0.4,0.8,0.2,1c-1.1,1.6-2.8,2.5-4.8,2.5c-3.5,0-6.2-2.8-6.2-6.4\n      c0-3.5,2.8-6.4,6.3-6.4c1.9,0,3.3,0.7,4.4,2.1c0.3,0.3,0.2,0.7-0.1,1l-0.9,0.8c-0.4,0.4-0.8,0.1-1-0.1c-0.5-0.6-1.4-1.2-2.3-1.2\n      c-1.9,0-3.5,1.6-3.5,3.6c0,2,1.5,3.7,3.4,3.7c1.3,0,1.9-0.6,2.4-1.1c0.1-0.1,0.2-0.2,0.3-0.3c0.3-0.3,0.7-0.3,1-0.1L90.4,14.8z\n       M105.6,14.8c0,1.8-1.5,3.6-4.4,3.6c-1.9,0-3.3-0.8-4-1.3l0,0C97,17,96.8,16.7,97,16.4l0.5-1.1c0.1-0.1,0.2-0.3,0.4-0.3\n      c0.2-0.1,0.4,0,0.6,0.1l0,0c0.7,0.4,1.5,0.8,2.9,0.8c0.9,0,1.4-0.4,1.4-1c0-0.7-0.8-1.2-2.5-1.9c-1.7-0.8-3.3-1.8-3.3-3.9\n      c0-1.7,1.3-3.4,4.1-3.4c1.6,0,2.9,0.5,3.6,0.9c0.4,0.3,0.5,0.7,0.3,1.1l-0.4,0.8c-0.2,0.4-0.6,0.4-1,0.3c-0.9-0.4-1.7-0.6-2.5-0.6\n      c-1,0-1.4,0.5-1.4,0.9c0,0.7,0.7,1.1,1.9,1.6C104.1,11.7,105.6,12.6,105.6,14.8z M114.8,16.7c0.2,0.5-0.2,0.8-0.3,0.9\n      c-0.5,0.3-1.9,0.9-3.4,0.9c-2.8,0-3.1-2-3.1-3.7l0-6.3l-1.2,0c-0.4,0-0.7-0.4-0.7-0.7l0-1.1c0-0.4,0.3-0.7,0.7-0.7l1.2,0l0-3.2\n      c0-0.4,0.3-0.7,0.7-0.7l1.5,0c0.4,0,0.7,0.3,0.7,0.7l0,3.2l3,0c0.4,0,0.7,0.3,0.7,0.7l0,1.1c0,0.4-0.3,0.7-0.7,0.7l-3,0l0,6.2\n      c0,1,0.4,1.1,0.8,1.1c0.8,0,1.6-0.4,1.8-0.5c0.2-0.1,0.4-0.1,0.5-0.1c0.2,0.1,0.3,0.2,0.4,0.4L114.8,16.7z M120.9,5.8\n      c-2.3,0-4.1,0.6-4.2,0.7c-0.4,0.1-0.6,0.4-0.5,0.9l0.2,1c0.1,0.4,0.4,0.7,0.8,0.6c0.6-0.2,1.9-0.6,3.3-0.5c0.6,0,1,0.1,1.3,0.4\n      c0.4,0.4,0.5,1,0.5,2c-0.4-0.1-1.3-0.3-2.3-0.3c-3,0-4.9,1.5-4.9,4c0,2.5,1.6,4.1,4,4.1c1.4,0,2.6-0.5,3.6-1.4l0.2,0.6\n      c0.1,0.3,0.3,0.5,0.6,0.5l0.9,0c0.4,0,0.7-0.3,0.7-0.7l0-6.3C125.2,8.2,124.9,5.8,120.9,5.8z M119.7,16.1c-1.1,0-1.7-0.7-1.7-1.8\n      c0-1.1,0.9-1.8,2.3-1.8c0.9,0,1.8,0.3,2,0.4l0,1.9C122,15.3,120.8,16.1,119.7,16.1z M138.4,11.6l0,6c0,0.4-0.3,0.7-0.7,0.7l-1.4,0\n      c-0.4,0-0.7-0.3-0.7-0.7l0-6.1c0-1.9-0.8-2.9-2.2-2.9c-1.7,0-2.8,1.1-3,1.6l0,7.4c0,0.5-0.3,0.7-0.8,0.7l-1.3,0\n      c-0.4,0-0.7-0.3-0.7-0.7l0-10.8c0-0.4,0.3-0.7,0.7-0.7l0.6,0c0.3,0,0.6,0.2,0.6,0.5l0.3,0.8c0.4-0.4,1.8-1.5,4-1.5\n      C136.8,5.8,138.4,7.7,138.4,11.6z M150.9,0l-1.5,0c-0.4,0-0.7,0.3-0.7,0.7l0,5.7c-0.5-0.2-1.5-0.6-2.9-0.6c-3.4,0-5.9,2.7-5.9,6.3\n      c0,3.6,2.4,6.4,5.6,6.4c2,0,3.4-1.1,3.9-1.5l0.2,0.7c0.1,0.4,0.3,0.6,0.7,0.6l0.6,0c0.4,0,0.7-0.3,0.7-0.7l0.1-16.9\n      C151.6,0.3,151.3,0,150.9,0z M145.8,15.9c-1.7,0-3.1-1.6-3.1-3.7c0-2,1.5-3.6,3.3-3.6c1.3,0,2.3,0.5,2.6,0.7l0,5\n      C148.5,14.6,147.6,15.9,145.8,15.9z"
+  }
+};
+
+var Logo = function Logo(_ref) {
+  var name = _ref.name,
+      markOnly = _ref.markOnly,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["name", "markOnly"]);
+
+  if (markOnly) {
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      as: "svg",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24"
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: mark[name]
+    }));
+  } else {
+    var _type$name = type[name],
+        width = _type$name.width,
+        path = _type$name.path;
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      as: "svg",
+      width: width + 'px',
+      height: "24px",
+      viewBox: "0 0 " + width + " 24"
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: mark[name]
+    }), /*#__PURE__*/React.createElement("path", {
+      d: path
+    }));
+  }
+};
+
+export default Logo;

package/dist/esm/Logo/index.js

@@ -0,0 +1,2 @@
+import Logo from './Logo';
+export default Logo;

package/dist/esm/Menu/Heading.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import HeadingUppercase from '../HeadingUppercase';
+
+function Heading(_ref) {
+  var children = _ref.children,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+  return /*#__PURE__*/React.createElement(HeadingUppercase, _extends({
+    paddingBottom: 0.5,
+    paddingHorizontal: 2,
+    paddingTop: 1
+  }, restProps), children);
+}
+
+Heading.displayName = 'Menu.Heading';
+export default Heading;

package/dist/esm/Menu/Item.js

@@ -0,0 +1,100 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React, { cloneElement } from 'react';
+import Box from '../Box';
+import StackView from '../StackView';
+
+function Item(_ref) {
+  var _ref$backgroundColor = _ref.backgroundColor,
+      backgroundColor = _ref$backgroundColor === void 0 ? 'surface' : _ref$backgroundColor,
+      children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$highlightedColor = _ref.highlightedColor,
+      highlightedColor = _ref$highlightedColor === void 0 ? 'highlight' : _ref$highlightedColor,
+      isHighlighted = _ref.isHighlighted,
+      renderLeft = _ref.renderLeft,
+      renderRight = _ref.renderRight,
+      props = _objectWithoutPropertiesLoose(_ref, ["backgroundColor", "children", "disabled", "highlightedColor", "isHighlighted", "renderLeft", "renderRight"]);
+
+  var css = {
+    axis: 'horizontal',
+    alignment: 'center',
+    shrink: 0,
+    minHeight: 4,
+    fontSize: '14px',
+    paddingVertical: 0.75,
+    paddingHorizontal: 2,
+    whiteSpace: 'nowrap',
+    position: 'relative',
+    userSelect: 'none',
+    backgroundColor: backgroundColor
+  };
+
+  if (renderLeft) {
+    // @ts-ignore error TS2339: Property 'paddingLeft' does not exist on type
+    css.paddingLeft = 5;
+  }
+
+  if (renderRight) {
+    // @ts-ignore error TS2339: Property 'paddingRight' does not exist on type
+    css.paddingRight = 5;
+  }
+
+  if (isHighlighted) {
+    css.backgroundColor = highlightedColor;
+  }
+
+  if (disabled) {
+    // @ts-ignore error TS2339: Property 'cursor' does not exist on type ...
+    css.cursor = 'not-allowed'; // @ts-ignore error TS2339: Property 'opacity' does not exist on type ...
+
+    css.opacity = 0.65;
+  } else if ( // @ts-ignore error TS2339: Property 'onClick' does not exist on type '{}'.
+  props.onClick || // @ts-ignore error TS2339: Property 'onDoubleClick' does not exist on type '{}'.
+  props.onDoubleClick || // @ts-ignore error TS2339: Property 'onMouseDown' does not exist on type '{}'.
+  props.onMouseDown || // @ts-ignore error TS2339: Property 'onMouseUp' does not exist on type '{}'.
+  props.onMouseUp) {
+    // @ts-ignore error TS2339: Property 'cursor' does not exist on type ...
+    css.cursor = 'pointer';
+  }
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore error TS2322: Type '{ ... }' is not assignable to type ...
+    React.createElement(StackView, _extends({}, css, props), renderLeft && /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 4,
+      height: "100%",
+      position: "absolute",
+      top: 0,
+      left: 0.5
+    }, typeof renderLeft === 'function' // @ts-ignore error TS2349: This expression is not callable.
+    ? renderRight() // @ts-ignore error TS2769: No overload matches this call.
+    :
+    /*#__PURE__*/
+    cloneElement(renderLeft, {
+      // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+      size: renderLeft.props && renderLeft.props.size || 'md'
+    })), children, renderRight && /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 4,
+      height: "100%",
+      position: "absolute",
+      top: 0,
+      right: 0.5
+    }, typeof renderRight === 'function' ? renderRight() // @ts-ignore error TS2769: No overload matches this call.
+    :
+    /*#__PURE__*/
+    cloneElement(renderRight, {
+      // @ts-ignore error TS2339: Property 'props' does not exist on type ...
+      size: renderRight.props && renderRight.props.size || 'md'
+    })))
+  );
+}
+
+Item.displayName = 'Menu.Item';
+export default Item;

package/dist/esm/Menu/Menu.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Card from '../Card';
+import Heading from './Heading';
+import Item from './Item';
+
+function Menu(props) {
+  return /*#__PURE__*/React.createElement(Card, _extends({
+    paddingVertical: 0.5,
+    minWidth: 12,
+    overflow: "auto",
+    outline: 0
+  }, props));
+}
+
+Menu.Heading = Heading;
+Menu.Item = Item;
+export default Menu;

package/dist/esm/Menu/index.js

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;

package/dist/esm/Modal/Modal.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React, { useLayoutEffect, useRef } from 'react';
+import Box from '../Box';
+import Scrim from '../Scrim';
+import { useDocumentEvent } from '../hooks';
+import { trapFocus } from '../utils';
+import { useThemeProps } from '../system';
+
+var Modal = function Modal(_ref) {
+  var children = _ref.children,
+      _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+      closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? false : _ref$closeOnOutsideCl,
+      onRequestClose = _ref.onRequestClose,
+      open = _ref.open,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "closeOnOutsideClick", "onRequestClose", "open"]);
+
+  var _useThemeProps = useThemeProps('modal', restProps),
+      _useThemeProps$scrimP = _useThemeProps.scrimProps,
+      scrimProps = _useThemeProps$scrimP === void 0 ? {} : _useThemeProps$scrimP,
+      themeProps = _objectWithoutPropertiesLoose(_useThemeProps, ["scrimProps"]);
+
+  var modalRef = useRef(null);
+  useLayoutEffect(function () {
+    if (open) {
+      return trapFocus(modalRef.current);
+    }
+  }, [open]);
+  useDocumentEvent('keydown', function (event) {
+    if (open && onRequestClose && event.keyCode === 27) {
+      onRequestClose();
+    }
+  });
+
+  if (!open) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Scrim, _extends({
+    alignment: "center",
+    onMouseDown: function onMouseDown(event) {
+      if (closeOnOutsideClick && event.currentTarget === event.target) {
+        onRequestClose();
+      }
+    }
+  }, scrimProps), /*#__PURE__*/React.createElement(Box, _extends({
+    backgroundColor: "surface",
+    boxShadow: "0 0 20px rgba(0, 0, 0, 0.15)",
+    innerRef: modalRef,
+    margin: 4,
+    maxWidth: 60,
+    padding: 4,
+    paddingBottom: 3,
+    radius: 8,
+    width: "100%"
+  }, themeProps), children));
+};
+
+export default Modal;

package/dist/esm/Modal/Modal.test.js

@@ -0,0 +1,122 @@
+import React, { useState } from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/extend-expect';
+import Dropdown from '../Dropdown';
+import Select from '../Select';
+import { Button, Heading, Modal, ThemeProvider } from '../';
+import noop from 'lodash/noop';
+
+var _ref = /*#__PURE__*/React.createElement(Heading, {
+  "data-testid": "modal-header"
+}, "Hello");
+
+describe('Modal', function () {
+  var TestModal = function TestModal() {
+    var _useState = useState(false),
+        open = _useState[0],
+        setOpen = _useState[1];
+
+    return /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "modal-toggle",
+      onClick: function onClick() {
+        return setOpen(!open);
+      },
+      title: "Toggle modal"
+    }), /*#__PURE__*/React.createElement(Modal, {
+      open: open,
+      onRequestClose: function onRequestClose() {
+        return setOpen(false);
+      }
+    }, _ref, /*#__PURE__*/React.createElement(Dropdown, null, [1, 2, 3].map(function (n) {
+      return /*#__PURE__*/React.createElement(Dropdown.Item, {
+        "data-testid": "dropdown-item-" + n,
+        key: n
+      }, n);
+    })), /*#__PURE__*/React.createElement(Select, {
+      onChange: noop
+    }, [1, 2, 3].map(function (n) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        "data-testid": "select-option-" + n,
+        key: n,
+        value: n
+      }, n);
+    })))));
+  };
+
+  var _ref2 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  var _ref3 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  var _ref4 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  var _ref5 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  var _ref6 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  var _ref7 = /*#__PURE__*/React.createElement(TestModal, null);
+
+  describe('Keyboard navigation', function () {
+    it('should close modal on escape keypress (dropdown button has focus)', function () {
+      render(_ref2);
+      expect(screen.queryByTestId('modal-header')).toBeNull();
+      userEvent.click(screen.getByTestId('modal-toggle'));
+      expect(screen.getByTestId('modal-header')).toBeInTheDocument();
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('modal-header')).toBeNull();
+    });
+    it('should not close modal when escape key closes a dropdown within modal', function () {
+      render(_ref3);
+      userEvent.click(screen.getByTestId('modal-toggle'));
+
+      var _screen$getAllByRole = screen.getAllByRole('button'),
+          dropdown = _screen$getAllByRole[1];
+
+      expect(dropdown).toHaveFocus();
+      userEvent.keyboard('{arrowdown}');
+      userEvent.keyboard("{esc}");
+      expect(screen.getByTestId('modal-header')).toBeInTheDocument();
+    });
+    it('should close dropdown on escape & close modal on subsequent escape', function () {
+      render(_ref4);
+      userEvent.click(screen.getByTestId('modal-toggle'));
+      userEvent.keyboard('{arrowdown}');
+      userEvent.keyboard("{esc}");
+      expect(screen.getByTestId('modal-header')).toBeInTheDocument();
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('modal-header')).toBeNull();
+    });
+    it('should hide select popover on escape, but select remains in dom', function () {
+      render(_ref5);
+      userEvent.click(screen.getByTestId('modal-toggle'));
+      userEvent.tab();
+      userEvent.keyboard('{arrowdown}');
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('select-option-1')).toBeInTheDocument();
+    });
+    it('should hide select popover on escape, close (unmount) select popover on subsequent escape, persist modal', function () {
+      render(_ref6);
+      userEvent.click(screen.getByTestId('modal-toggle'));
+      userEvent.tab();
+      userEvent.keyboard('{arrowdown}');
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('select-option-1')).toBeInTheDocument();
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('select-option-1')).toBeNull();
+      expect(screen.queryByTestId('modal-header')).toBeInTheDocument();
+    });
+    it('should hide select popover on escape, close (unmount) select popover on subsequent escape, close modal on subsequent escape', function () {
+      render(_ref7);
+      userEvent.click(screen.getByTestId('modal-toggle'));
+      userEvent.tab();
+      userEvent.keyboard('{arrowdown}');
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('select-option-1')).toBeInTheDocument();
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('select-option-1')).toBeNull();
+      expect(screen.queryByTestId('modal-header')).toBeInTheDocument();
+      userEvent.keyboard("{esc}");
+      expect(screen.queryByTestId('modal-header')).toBeNull();
+    });
+  });
+});

package/dist/esm/Modal/index.js

@@ -0,0 +1,2 @@
+import Modal from './Modal';
+export default Modal;