From 15cf8f4d1d693e6dcc66f9ffab3d3be4a9c93b42 Mon Sep 17 00:00:00 2001
From: Gareth Jones <github@garethdjones.com>
Date: Fri, 31 Jan 2020 15:24:16 -0500
Subject: [PATCH] Add Cheer glyph to EuiIcon (#2814)

* Adding Cheer icon to EUI

* Updating snapshots

* Updating changelog.

* Updating cheer icon to use outlines.

* Updating snap.

* Trying to pixel align icon

* More confetti like than lines

To try to remove the carrot likeness

Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
---
 CHANGELOG.md                                    |  1 +
 src-docs/src/views/icon/icons.js                |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap       | 17 +++++++++++++++++
 src/components/icon/assets/cheer.js             | 16 ++++++++++++++++
 src/components/icon/assets/cheer.svg            |  3 +++
 src/components/icon/icon.tsx                    |  1 +
 6 files changed, 39 insertions(+)
 create mode 100644 src/components/icon/assets/cheer.js
 create mode 100644 src/components/icon/assets/cheer.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f8844605c86..8fc8f3ebf15 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `cheer` glyph to `EuiIcon` ([#2814](https://github.com/elastic/eui/pull/2814))
 - Added `tableCaption` prop to `EuiBasicTable` and improved the default one ([#2782](https://github.com/elastic/eui/pull/2782))
 - Changed SASS comments to non-compiled comments in invisibles files ([#2807](https://github.com/elastic/eui/pull/2807))
 - Added `rowHeader` prop to `EuiBasicTable` to allow consumers to set the identifying cell in a row ([#2802](https://github.com/elastic/eui/pull/2802))
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 7ff0536f4ee..95ef52b5774 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -46,6 +46,7 @@ export const iconTypes = [
   'calendar',
   'check',
   'checkInCircleFilled',
+  'cheer',
   'clock',
   'cloudDrizzle',
   'cloudStormy',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 4f4d979b451..406c585478a 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -1011,6 +1011,23 @@ exports[`EuiIcon props type checkInCircleFilled is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type cheer is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M4.934 3.063a1.5 1.5 0 01.547.321l.112.115 6.07 6.915a1.5 1.5 0 01-.646 2.41l-.142.04-9.031 2.097A1.5 1.5 0 01.037 13.19l.043-.159L3.04 4.02a1.5 1.5 0 011.893-.957zM4.027 4.25l-.036.083-2.961 9.011a.5.5 0 00.498.656l.09-.013 2.937-.681-1.399-1.508a.5.5 0 01.666-.74l.067.06 1.788 1.927 2.634-.611-3.198-3.601a.5.5 0 01.682-.726l.066.062 3.559 4.007 1.229-.284a.5.5 0 00.15-.063l.067-.049a.5.5 0 00.099-.632l-.053-.073-6.07-6.916a.5.5 0 00-.138-.11l-.082-.035-.088-.02a.5.5 0 00-.507.256zm11.66 5.039a2.5 2.5 0 01-.975 3.399.5.5 0 01-.485-.875 1.5 1.5 0 00-1.454-2.624.5.5 0 01-.485-.875 2.5 2.5 0 013.399.975zm-5.03-6.206a.5.5 0 01.338.544l-.02.088-.677 2.035 2.068-.721a.5.5 0 01.6.225l.036.082a.5.5 0 01-.225.6l-.082.037L9.67 7.028a.5.5 0 01-.659-.55l.02-.08.995-3a.5.5 0 01.632-.316zM14.5 4a.5.5 0 110 1 .5.5 0 010-1zM7.862.403a2.5 2.5 0 01.735 3.459.5.5 0 01-.839-.545 1.5 1.5 0 10-2.516-1.634.5.5 0 01-.839-.545A2.5 2.5 0 017.862.403zM13.5 2a.5.5 0 110 1 .5.5 0 010-1zm-3-1a.5.5 0 110 1 .5.5 0 010-1zm4-1a.5.5 0 110 1 .5.5 0 010-1z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type clock is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/cheer.js b/src/components/icon/assets/cheer.js
new file mode 100644
index 00000000000..4caeb6b26f0
--- /dev/null
+++ b/src/components/icon/assets/cheer.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const EuiIconCheer = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M4.934 3.063a1.5 1.5 0 01.547.321l.112.115 6.07 6.915a1.5 1.5 0 01-.646 2.41l-.142.04-9.031 2.097A1.5 1.5 0 01.037 13.19l.043-.159L3.04 4.02a1.5 1.5 0 011.893-.957zM4.027 4.25l-.036.083-2.961 9.011a.5.5 0 00.498.656l.09-.013 2.937-.681-1.399-1.508a.5.5 0 01.666-.74l.067.06 1.788 1.927 2.634-.611-3.198-3.601a.5.5 0 01.682-.726l.066.062 3.559 4.007 1.229-.284a.5.5 0 00.15-.063l.067-.049a.5.5 0 00.099-.632l-.053-.073-6.07-6.916a.5.5 0 00-.138-.11l-.082-.035-.088-.02a.5.5 0 00-.507.256zm11.66 5.039a2.5 2.5 0 01-.975 3.399.5.5 0 01-.485-.875 1.5 1.5 0 00-1.454-2.624.5.5 0 01-.485-.875 2.5 2.5 0 013.399.975zm-5.03-6.206a.5.5 0 01.338.544l-.02.088-.677 2.035 2.068-.721a.5.5 0 01.6.225l.036.082a.5.5 0 01-.225.6l-.082.037L9.67 7.028a.5.5 0 01-.659-.55l.02-.08.995-3a.5.5 0 01.632-.316zM14.5 4a.5.5 0 110 1 .5.5 0 010-1zM7.862.403a2.5 2.5 0 01.735 3.459.5.5 0 01-.839-.545 1.5 1.5 0 10-2.516-1.634.5.5 0 01-.839-.545A2.5 2.5 0 017.862.403zM13.5 2a.5.5 0 110 1 .5.5 0 010-1zm-3-1a.5.5 0 110 1 .5.5 0 010-1zm4-1a.5.5 0 110 1 .5.5 0 010-1z" />
+  </svg>
+);
+
+export const icon = EuiIconCheer;
diff --git a/src/components/icon/assets/cheer.svg b/src/components/icon/assets/cheer.svg
new file mode 100644
index 00000000000..072a80cdd0f
--- /dev/null
+++ b/src/components/icon/assets/cheer.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M4.93435692,3.06314694 C5.13807693,3.13009486 5.32446791,3.23973617 5.48140771,3.38405987 L5.59340106,3.49868043 L11.6632399,10.4141649 C12.2097205,11.0367807 12.1480006,11.9845206 11.5253848,12.5310012 C11.3766208,12.6615739 11.2038653,12.7610849 11.0173116,12.8243027 L10.8749684,12.8648292 L1.84379744,14.9605669 C1.03681346,15.1478324 0.230815013,14.6454514 0.0435495103,13.8384674 C-0.00608524689,13.6245761 -0.0080097905,13.40307 0.037078725,13.1895195 L0.0796991672,13.0310916 L3.04103126,4.01986944 C3.29966708,3.23285037 4.14733785,2.80451112 4.93435692,3.06314694 Z M4.0267596,4.24920219 L3.99104732,4.33207049 L1.02971522,13.3432927 C1.00115211,13.4302092 0.996984187,13.5232966 1.01766534,13.6124179 C1.07315141,13.8515243 1.29159596,14.010406 1.52837772,13.9989203 L1.61774798,13.9864511 L4.55472313,13.305 L3.15632602,11.7971034 C2.96853498,11.5946457 2.9804247,11.2782865 3.18288244,11.0904955 C3.36284488,10.9235701 3.63280349,10.9144172 3.82246417,11.0566366 L3.88949036,11.1170519 L5.67672313,13.044 L8.31072313,12.433 L5.11316394,8.83201659 C4.92979624,8.62554408 4.94852639,8.30951615 5.15499891,8.12614845 C5.33853003,7.96315494 5.60862346,7.95984368 5.7951634,8.10613235 L5.86086705,8.16798341 L9.41972313,12.175 L10.6489189,11.8907134 C10.7024788,11.8782845 10.7534346,11.8571516 10.79982,11.8283239 L10.8657244,11.7794374 C11.0502031,11.6175172 11.0869562,11.3499156 10.9649091,11.1466865 L10.9116761,11.0738253 L4.84183725,4.15834082 C4.80254376,4.11357298 4.75573135,4.07636988 4.7037384,4.04827684 L4.62215587,4.01316299 L4.53425759,3.99275674 C4.32880074,3.96423103 4.12567003,4.06687567 4.0267596,4.24920219 Z M15.6865493,9.28797595 C16.3559317,10.4955738 15.9196219,12.0171669 14.7120241,12.6865493 C14.4705045,12.8204257 14.1661859,12.7331638 14.0323094,12.4916442 C13.8984329,12.2501247 13.9856949,11.945806 14.2272144,11.8119296 C14.9517731,11.4103001 15.213559,10.4973443 14.8119296,9.77278557 C14.4103001,9.04822688 13.4973443,8.786441 12.7727856,9.18807044 C12.531266,9.32194692 12.2269474,9.23468496 12.0930709,8.9931654 C11.9591944,8.75164583 12.0464564,8.44732721 12.2879759,8.31345073 C13.4955738,7.64406833 15.0171669,8.08037813 15.6865493,9.28797595 Z M10.6574884,3.08178221 C10.8904542,3.15909639 11.0284999,3.39127054 10.9952128,3.62598206 L10.9745497,3.71382031 L10.298,5.749 L12.3655897,5.02793653 C12.597335,4.94703736 12.848372,5.04674629 12.9652173,5.25300998 L13.0024442,5.33520899 C13.0833434,5.56695428 12.9836345,5.81799124 12.7773708,5.9348365 L12.6951718,5.97206347 L9.66918337,7.02839536 C9.30351369,7.15604573 8.9496299,6.84009492 9.01034061,6.47718425 L9.02984268,6.39884346 L10.0254503,3.39884346 C10.1124288,3.13675691 10.3954019,2.99480375 10.6574884,3.08178221 Z M14.5,4 C14.7761424,4 15,4.22385763 15,4.5 C15,4.77614237 14.7761424,5 14.5,5 C14.2238576,5 14,4.77614237 14,4.5 C14,4.22385763 14.2238576,4 14.5,4 Z M7.86159759,0.40332358 C9.01956,1.15531316 9.348666,2.70363518 8.59667642,3.86159759 C8.4462785,4.09319007 8.1366141,4.15901127 7.90502162,4.00861335 C7.67342914,3.85821544 7.60760794,3.54855103 7.75800585,3.31695855 C8.2091996,2.62218111 8.011736,1.6931879 7.31695855,1.24199415 C6.62218111,0.790800398 5.6931879,0.988264 5.24199415,1.68304145 C5.09159623,1.91463393 4.78193183,1.98045513 4.55033935,1.83005721 C4.31874686,1.6796593 4.25292566,1.36999489 4.40332358,1.13840241 C5.15531316,-0.0195599995 6.70363518,-0.348666003 7.86159759,0.40332358 Z M13.5,2 C13.7761424,2 14,2.22385763 14,2.5 C14,2.77614237 13.7761424,3 13.5,3 C13.2238576,3 13,2.77614237 13,2.5 C13,2.22385763 13.2238576,2 13.5,2 Z M10.5,1 C10.7761424,1 11,1.22385763 11,1.5 C11,1.77614237 10.7761424,2 10.5,2 C10.2238576,2 10,1.77614237 10,1.5 C10,1.22385763 10.2238576,1 10.5,1 Z M14.5,-6.66133815e-14 C14.7761424,-6.66133815e-14 15,0.223857625 15,0.5 C15,0.776142375 14.7761424,1 14.5,1 C14.2238576,1 14,0.776142375 14,0.5 C14,0.223857625 14.2238576,-6.66133815e-14 14.5,-6.66133815e-14 Z"/>
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 9e283233821..9a7542d1509 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -51,6 +51,7 @@ const typeToPathMap = {
   codeApp: 'app_code',
   check: 'check',
   checkInCircleFilled: 'checkInCircleFilled',
+  cheer: 'cheer',
   clock: 'clock',
   cloudDrizzle: 'cloudDrizzle',
   cloudStormy: 'cloudStormy',