From 67e1901ba54e38f756d85fc23e42eb0cb7c7e9b6 Mon Sep 17 00:00:00 2001
From: Guru Mahendran <me@gurubavan.com>
Date: Tue, 21 Sep 2021 13:03:42 -0400
Subject: [PATCH 1/4] types: add `overlayProps` type to `Dialog` (#1313)

It already exists and is in the docs:
https://github.com/segmentio/evergreen/blob/master/src/dialog/src/Dialog.js
https://evergreen.segment.com/components/dialog/props
---
 index.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/index.d.ts b/index.d.ts
index 0457d50ea..9fdb59393 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -960,6 +960,10 @@ export interface DialogProps {
    * Whether or not to prevent scrolling in the outer body. Defaults to false.
    */
   preventBodyScrolling?: boolean
+  /**
+   * Props that are passed to the Overlay component.
+   */
+  overlayProps?: React.ComponentProps<typeof Pane>
 }
 
 export declare const Dialog: React.FC<DialogProps>

From ca4979396eae707eae41a502490016184ba9ea89 Mon Sep 17 00:00:00 2001
From: Chris Mendoza <chris_codes@aol.com>
Date: Tue, 21 Sep 2021 10:09:53 -0700
Subject: [PATCH 2/4] fix 'alignItems' attribute typo (#1321)

---
 docs/documentation/introduction/getting-started.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/documentation/introduction/getting-started.mdx b/docs/documentation/introduction/getting-started.mdx
index ddd0a26d1..c161f3040 100644
--- a/docs/documentation/introduction/getting-started.mdx
+++ b/docs/documentation/introduction/getting-started.mdx
@@ -32,7 +32,7 @@ import { Button, Pane, Text, majorScale } from 'evergreen-ui'
 Then, you can use those components in your code like:
 
 ```jsx readonly
-<Pane display="flex" alginItems="center" marginX={majorScale(2)}>
+<Pane display="flex" alignItems="center" marginX={majorScale(2)}>
   <Button>Click me!</Button>
   <Text>This is a clickable Button</Text>
 </Pane>

From 9ee2de1931d1e8b11963b03a465425c7f87466fb Mon Sep 17 00:00:00 2001
From: Carsten Griesheimer <sun_od@hotmail.com>
Date: Tue, 21 Sep 2021 19:15:17 +0200
Subject: [PATCH 3/4] Fix Dialog containerProps (#1306)

---
 src/dialog/src/Dialog.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dialog/src/Dialog.js b/src/dialog/src/Dialog.js
index b36edf0e6..c38b36cc8 100644
--- a/src/dialog/src/Dialog.js
+++ b/src/dialog/src/Dialog.js
@@ -168,7 +168,7 @@ const Dialog = memo(function Dialog({
     )
   }
 
-  const { className: containerClassName, remainingContainerProps } = containerProps
+  const { className: containerClassName, ...remainingContainerProps } = containerProps
 
   return (
     <Overlay

From 0993ac5c17c4820f0ee1cc37ef29c7cefaab2159 Mon Sep 17 00:00:00 2001
From: Blake Yoder <blakeyoder@users.noreply.github.com>
Date: Wed, 22 Sep 2021 17:26:40 -0400
Subject: [PATCH 4/4] Fix typo (#1328)

---
 docs/documentation/introduction/theming.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/documentation/introduction/theming.mdx b/docs/documentation/introduction/theming.mdx
index 53dccf70a..29f5bec8d 100644
--- a/docs/documentation/introduction/theming.mdx
+++ b/docs/documentation/introduction/theming.mdx
@@ -122,7 +122,7 @@ function CustomAppearancesExmaple() {
 
 # Theme Shape
 
-All in all, the shape of the theme object looks as follows. Use this as your baseline disrection for piecing together and building theme objects.
+All in all, the shape of the theme object looks as follows. Use this as your baseline direction for piecing together and building theme objects.
 
 ```js readonly
 export default {