From 41e4ac5a2e10038e5bbb69fe35ed6253b30d98f1 Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen.3@gmail.com>
Date: Tue, 4 Oct 2022 10:53:28 -0700
Subject: [PATCH] Add `@emotion/css` as a peerDependency

- since we're about to start using it in src components
---
 package.json                                                   | 1 +
 src-docs/src/components/codesandbox/link.js                    | 1 +
 .../src/views/guidelines/getting_started/getting_started.js    | 2 +-
 upcoming_changelogs/6288.md                                    | 3 +++
 wiki/consuming.md                                              | 2 +-
 5 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 upcoming_changelogs/6288.md

diff --git a/package.json b/package.json
index 62092e407ba..6d92d57bcf9 100644
--- a/package.json
+++ b/package.json
@@ -256,6 +256,7 @@
     "@elastic/datemath": "^5.0.2",
     "@emotion/cache": "11.x",
     "@emotion/react": "11.x",
+    "@emotion/css": "11.x",
     "@types/react": "^16.9 || ^17.0",
     "@types/react-dom": "^16.9 || ^17.0",
     "moment": "^2.13.0",
diff --git a/src-docs/src/components/codesandbox/link.js b/src-docs/src/components/codesandbox/link.js
index d2557fa6e64..be95e888299 100644
--- a/src-docs/src/components/codesandbox/link.js
+++ b/src-docs/src/components/codesandbox/link.js
@@ -138,6 +138,7 @@ ${demoContent}
               '@elastic/datemath',
               '@emotion/cache',
               '@emotion/react',
+              '@emotion/css',
               'moment',
               'react',
               'react-dom',
diff --git a/src-docs/src/views/guidelines/getting_started/getting_started.js b/src-docs/src/views/guidelines/getting_started/getting_started.js
index d3517944097..66bb34d5a61 100644
--- a/src-docs/src/views/guidelines/getting_started/getting_started.js
+++ b/src-docs/src/views/guidelines/getting_started/getting_started.js
@@ -43,7 +43,7 @@ export const GettingStarted = {
           <EuiSpacer />
           <EuiCodeBlock language="bash" isCopyable fontSize="m">
             {
-              'yarn add @elastic/eui @elastic/datemath @emotion/react @emotion/cache moment prop-types'
+              'yarn add @elastic/eui @elastic/datemath @emotion/react @emotion/cache @emotion/css moment prop-types'
             }
           </EuiCodeBlock>
           <EuiSpacer />
diff --git a/upcoming_changelogs/6288.md b/upcoming_changelogs/6288.md
new file mode 100644
index 00000000000..dfd4a51e36b
--- /dev/null
+++ b/upcoming_changelogs/6288.md
@@ -0,0 +1,3 @@
+**Breaking changes**
+
+- `@emotion/css` is now a required peer dependency, alongside `@emotion/react`
diff --git a/wiki/consuming.md b/wiki/consuming.md
index 106787ccaaa..a0794578386 100644
--- a/wiki/consuming.md
+++ b/wiki/consuming.md
@@ -11,7 +11,7 @@ yarn add @elastic/eui
 Note that EUI has [several `peerDependencies` requirements](package.json) that will also need to be installed if starting with a blank project.
 
 ```bash
-yarn add @elastic/eui @elastic/datemath @emotion/react @emotion/cache moment prop-types
+yarn add @elastic/eui @elastic/datemath @emotion/react @emotion/cache @emotion/css moment prop-types
 ```
 
 ## Requirements and dependencies