From 7d00724283da446f2381c36b782b15bd7037f420 Mon Sep 17 00:00:00 2001
From: Shaunak Kashyap <ycombinator@gmail.com>
Date: Thu, 14 Dec 2017 06:19:40 -0800
Subject: [PATCH 1/2] [EuiFlexGroup] Adding `space-evenly` option to the
 `justify-content` CSS property

---
 CHANGELOG.md                                              | 1 +
 src-docs/src/views/flex/flex_justify.js                   | 7 +++++++
 src/components/flex/__snapshots__/flex_group.test.js.snap | 6 ++++++
 src/components/flex/_flex_group.scss                      | 4 ++++
 src/components/flex/flex_group.js                         | 1 +
 5 files changed, 19 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ab620adcbf6..46062c887a9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
 No public interface changes since `0.0.5`.
+- `justify` prop of `<EuiFlexGroup>` now accepts `spaceEvenly` [(#205)](https://github.com/elastic/eui/pull/205)
 
 # [`0.0.5`](https://github.com/elastic/eui/tree/v0.0.5)
 
diff --git a/src-docs/src/views/flex/flex_justify.js b/src-docs/src/views/flex/flex_justify.js
index 62cb4db7bc9..fc519871459 100644
--- a/src-docs/src/views/flex/flex_justify.js
+++ b/src-docs/src/views/flex/flex_justify.js
@@ -9,6 +9,13 @@ import {
 
 export default () => (
   <div>
+    <EuiFlexGroup justifyContent="spaceEvenly">
+      <EuiFlexItem grow={false}>One here on the left</EuiFlexItem>
+      <EuiFlexItem grow={false}>The other over here on the right.</EuiFlexItem>
+    </EuiFlexGroup>
+
+    <EuiSpacer />
+
     <EuiFlexGroup justifyContent="spaceBetween">
       <EuiFlexItem grow={false}>One here on the left</EuiFlexItem>
       <EuiFlexItem grow={false}>The other over here on the right.</EuiFlexItem>
diff --git a/src/components/flex/__snapshots__/flex_group.test.js.snap b/src/components/flex/__snapshots__/flex_group.test.js.snap
index 1ffdf27dcf7..21b736a130f 100644
--- a/src/components/flex/__snapshots__/flex_group.test.js.snap
+++ b/src/components/flex/__snapshots__/flex_group.test.js.snap
@@ -114,6 +114,12 @@ exports[`EuiFlexGroup props justifyContent spaceBetween is rendered 1`] = `
 />
 `;
 
+exports[`EuiFlexGroup props justifyContent spaceEvenly is rendered 1`] = `
+<div
+  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceEvenly euiFlexGroup--responsive"
+/>
+`;
+
 exports[`EuiFlexGroup props responsive false is rendered 1`] = `
 <div
   class="euiFlexGroup euiFlexGroup--gutterLarge"
diff --git a/src/components/flex/_flex_group.scss b/src/components/flex/_flex_group.scss
index 0346ca8b47a..f070dea91ab 100644
--- a/src/components/flex/_flex_group.scss
+++ b/src/components/flex/_flex_group.scss
@@ -30,6 +30,10 @@ $gutterTypes: (
 }
 
 // Justify the grid
+.euiFlexGroup--justifyContentSpaceEvenly {
+  justify-content: space-evenly;
+}
+
 .euiFlexGroup--justifyContentSpaceBetween {
   justify-content: space-between;
 }
diff --git a/src/components/flex/flex_group.js b/src/components/flex/flex_group.js
index 1f6f10f93ea..f355f1e8198 100644
--- a/src/components/flex/flex_group.js
+++ b/src/components/flex/flex_group.js
@@ -28,6 +28,7 @@ const justifyContentToClassNameMap = {
   center: 'euiFlexGroup--justifyContentCenter',
   spaceBetween: 'euiFlexGroup--justifyContentSpaceBetween',
   spaceAround: 'euiFlexGroup--justifyContentSpaceAround',
+  spaceEvenly: 'euiFlexGroup--justifyContentSpaceEvenly',
 };
 
 export const JUSTIFY_CONTENTS = Object.keys(justifyContentToClassNameMap);

From 635360cde6de6e76394129481599ca228f200752 Mon Sep 17 00:00:00 2001
From: Shaunak Kashyap <ycombinator@gmail.com>
Date: Thu, 14 Dec 2017 10:51:44 -0800
Subject: [PATCH 2/2] Removing statement that is no longer true

---
 CHANGELOG.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 46062c887a9..b8b717f8746 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,5 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `0.0.5`.
 - `justify` prop of `<EuiFlexGroup>` now accepts `spaceEvenly` [(#205)](https://github.com/elastic/eui/pull/205)
 
 # [`0.0.5`](https://github.com/elastic/eui/tree/v0.0.5)