Added menuLeft and menuRight icons (#1797)

And updated EuiNavDrawer’s collapse/expand button to use it

CHANGELOG.md

@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Converted `EuiTableHeaderMobile` to TS ([#1786](https://github.com/elastic/eui/pull/1786))
+- Added `menuLeft` and `menuRight` icons ([#1797](https://github.com/elastic/eui/pull/1797))
+- Updated EuiNavDrawer’s collapse/expand button to use `menuLeft` and `menuRight` icons ([#1797](https://github.com/elastic/eui/pull/1797))
 
 ## [`9.8.0`](https://github.com/elastic/eui/tree/v9.8.0)
 

src-docs/src/views/icon/icons.js

@@ -108,6 +108,8 @@ const iconTypes = [
   'mapMarker',
   'memory',
   'merge',
+  'menuLeft',
+  'menuRight',
   'minusInCircle',
   'minusInCircleFilled',
   'node',

src/components/icon/__snapshots__/icon.test.tsx.snap

@@ -4587,6 +4587,37 @@ exports[`EuiIcon props type memory is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type menuLeft is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1.014 7.382a.501.501 0 0 0-.013.152c-.014.4.133.806.439 1.112l2.12 2.122a.5.5 0 1 0 .708-.708L2.208 8H14.5a.5.5 0 0 0 0-1H2.379l1.889-1.89a.5.5 0 0 0-.707-.706L1.44 6.524c-.241.242-.383.544-.426.858zM14.5 3h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1zm0 8h-7a.5.5 0 1 0 0 1h7a.5.5 0 1 0 0-1z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type menuRight is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14.986 7.382a.501.501 0 0 1 .013.152c.014.4-.133.806-.439 1.112l-2.12 2.122a.5.5 0 1 1-.708-.708L13.792 8H1.5a.5.5 0 0 1 0-1h12.121l-1.889-1.89a.5.5 0 0 1 .707-.706l2.121 2.12c.241.242.383.544.426.858zM1.5 3h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1zm0 8h7a.5.5 0 1 1 0 1h-7a.5.5 0 1 1 0-1z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type merge is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

src/components/icon/icon.tsx

@@ -180,6 +180,8 @@ import managementApp from './assets/app_management.svg';
 import mapMarker from './assets/map_marker.svg';
 import memory from './assets/memory.svg';
 import merge from './assets/merge.svg';
+import menuLeft from './assets/menuLeft.svg';
+import menuRight from './assets/menuRight.svg';
 import metricbeatApp from './assets/app_metricbeat.svg';
 import minusInCircle from './assets/minus_in_circle.svg';
 import minusInCircleFilled from './assets/minus_in_circle_filled.svg';
@@ -475,6 +477,8 @@ const typeToIconMap = {
   mapMarker,
   memory,
   merge,
+  menuLeft,
+  menuRight,
   metricbeatApp,
   minusInCircle,
   minusInCircleFilled,

src/components/nav_drawer/nav_drawer.js

@@ -174,7 +174,7 @@ export class EuiNavDrawer extends Component {
             {([sideNavCollapse, sideNavExpand]) => (
               <EuiListGroupItem
                 label={this.state.isCollapsed ? sideNavExpand : sideNavCollapse}
-                iconType={this.state.isCollapsed ? 'sortRight' : 'sortLeft'}
+                iconType={this.state.isCollapsed ? 'menuRight' : 'menuLeft'}
                 size="s"
                 showToolTip={this.state.isCollapsed}
                 onClick={this.state.isCollapsed ? () => {this.expandDrawer(); this.collapseFlyout();} : () => this.collapseDrawer()}