[EuiIcon] Add plus and minus glyphs

CHANGELOG.md

@@ -5,6 +5,7 @@
 - Added `key` to `EuiComboBoxOptionOption` to allow duplicate labels ([#4048](https://github.com/elastic/eui/pull/4048))
 - Changed `EuiIcon` test mock to render as `span` instead of `div` ([#4099](https://github.com/elastic/eui/pull/4099))
 - Added `scripts/docker-puppeteer` as the new home for test-related Docker images ([#4062](https://github.com/elastic/eui/pull/4062))
+- Added `plus` and `minus` glyphs to `EuiIcon` ([#4111](https://github.com/elastic/eui/pull/4111))
 
 **Bug fixes**
 

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

@@ -137,6 +137,7 @@ export const iconTypes = [
   'menuLeft',
   'menuRight',
   'minimize',
+  'minus',
   'minusInCircle',
   'minusInCircleFilled',
   'moon',
@@ -155,6 +156,7 @@ export const iconTypes = [
   'pin',
   'pinFilled',
   'play',
+  'plus',
   'plusInCircle',
   'plusInCircleFilled',
   'popout',

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

@@ -6179,6 +6179,27 @@ exports[`EuiIcon props type minimize is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type minus 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"
+>
+  <rect
+    height="1.5"
+    rx="0.5"
+    width="10"
+    x="3"
+    y="7.25"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type minusInCircle is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -6600,6 +6621,23 @@ exports[`EuiIcon props type play is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type plus 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="M8.25 3a.5.5 0 01.5.5v3.75h3.75a.5.5 0 01.5.5v.5a.5.5 0 01-.5.5H8.75v3.75a.5.5 0 01-.5.5h-.5a.5.5 0 01-.5-.5V8.75H3.5a.5.5 0 01-.5-.5v-.5a.5.5 0 01.5-.5h3.75V3.5a.5.5 0 01.5-.5h.5z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type plusInCircle is rendered 1`] = `
 <svg
   aria-hidden="true"

src/components/icon/assets/accessibility.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAccessibility = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/aggregate.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAggregate = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/alert.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAlert = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/analyze_event.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAnalyzeEvent = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/annotation.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAnnotation = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/apm_trace.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconApmTrace = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_add_data.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAddData = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_advanced_settings.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAdvancedSettings = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_apm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppApm = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_app_search.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAppSearch = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_auditbeat.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAuditbeat = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_code.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppCode = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_console.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppConsole = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_cross_cluster_replication.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppCrossClusterReplication = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_dashboard.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDashboard = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_devtools.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDevtools = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_discover.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDiscover = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_ems.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppEms = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_filebeat.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppFilebeat = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_gis.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGis = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_graph.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGraph = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_grok.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGrok = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_heartbeat.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppHeartbeat = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_index_management.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexManagement = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_index_pattern.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexPattern = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_index_rollup.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexRollup = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_lens.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppLens = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_logs.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppLogs = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_management.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppManagement = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_metricbeat.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMetricbeat = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_metrics.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMetrics = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_ml.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMl = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_monitoring.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMonitoring = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_notebook.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppNotebook = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_packetbeat.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppPacketbeat = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_pipeline.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppPipeline = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_recently_viewed.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppRecentlyViewed = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_reporting.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppReporting = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_saved_objects.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSavedObjects = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_search_profiler.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSearchProfiler = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_security.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSecurity = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_security_analytics.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSecurityAnalytics = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_spaces.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSpaces = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_sql.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSql = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_timelion.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppTimelion = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_upgrade_assistant.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUpgradeAssistant = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_uptime.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUptime = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_users_roles.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUsersRoles = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_visualize.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppVisualize = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_watches.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppWatches = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/app_workplace_search.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppWorkplaceSearch = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/apps.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconApps = ({ title, titleId, ...props }) => (
   <svg

src/components/icon/assets/arrow_down.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconArrowDown = ({ title, titleId, ...props }) => (
   <svg