From 002ab5864845fc67128b2e619625a2ae56846c97 Mon Sep 17 00:00:00 2001
From: Andrea Del Rio <delrio.andre@gmail.com>
Date: Wed, 24 Jul 2024 12:50:39 -0700
Subject: [PATCH] [EuiIcon] Add new expand glyphs (#7875)

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
Co-authored-by: Michael Marcialis <michael.l.marcialis@gmail.com>
Co-authored-by: Cee Chen <constance.chen@elastic.co>
---
 packages/eui/changelogs/upcoming/7875.md      |  1 +
 packages/eui/src-docs/src/views/icon/icons.js |  2 +
 .../icon/__snapshots__/icon.test.tsx.snap     | 44 +++++++++++++++++++
 .../icon/assets/minus_in_square.tsx           | 38 ++++++++++++++++
 .../components/icon/assets/plus_in_square.tsx | 38 ++++++++++++++++
 packages/eui/src/components/icon/icon_map.ts  |  2 +
 .../components/icon/svgs/minus_in_square.svg  |  1 +
 .../components/icon/svgs/plus_in_square.svg   |  1 +
 8 files changed, 127 insertions(+)
 create mode 100644 packages/eui/changelogs/upcoming/7875.md
 create mode 100644 packages/eui/src/components/icon/assets/minus_in_square.tsx
 create mode 100644 packages/eui/src/components/icon/assets/plus_in_square.tsx
 create mode 100644 packages/eui/src/components/icon/svgs/minus_in_square.svg
 create mode 100644 packages/eui/src/components/icon/svgs/plus_in_square.svg

diff --git a/packages/eui/changelogs/upcoming/7875.md b/packages/eui/changelogs/upcoming/7875.md
new file mode 100644
index 00000000000..c48e5da3b58
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/7875.md
@@ -0,0 +1 @@
+- Added `minusInSquare` and `plusInSquare` glyphs to `EuiIcon`.
\ No newline at end of file
diff --git a/packages/eui/src-docs/src/views/icon/icons.js b/packages/eui/src-docs/src/views/icon/icons.js
index ad0bfcbf57d..7af2026bebc 100644
--- a/packages/eui/src-docs/src/views/icon/icons.js
+++ b/packages/eui/src-docs/src/views/icon/icons.js
@@ -189,6 +189,7 @@ export const iconTypes = [
   'minus',
   'minusInCircle',
   'minusInCircleFilled',
+  'minusInSquare',
   'mobile',
   'moon',
   'move',
@@ -219,6 +220,7 @@ export const iconTypes = [
   'plus',
   'plusInCircle',
   'plusInCircleFilled',
+  'plusInSquare',
   'popout',
   'push',
   'questionInCircle',
diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
index ae65b0f0657..5999f15888f 100644
--- a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -7907,6 +7907,28 @@ exports[`EuiIcon props type minusInCircleFilled is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type minusInSquare is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon emotion-euiIcon-m-isLoaded"
+  data-icon-type="minusInSquare"
+  data-is-loaded="true"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M10.611 7H4.39c-.216 0-.39.224-.39.5s.174.5.389.5h6.222c.215 0 .389-.224.389-.5s-.174-.5-.389-.5Z"
+  />
+  <path
+    d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type mobile is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -8594,6 +8616,28 @@ exports[`EuiIcon props type plusInCircleFilled is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type plusInSquare is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon emotion-euiIcon-m-isLoaded"
+  data-icon-type="plusInSquare"
+  data-is-loaded="true"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 4.389V7h2.611c.215 0 .389.224.389.5s-.174.5-.389.5H8v2.611c0 .215-.224.389-.5.389s-.5-.174-.5-.389V8H4.389C4.174 8 4 7.776 4 7.5s.174-.5.389-.5H7V4.389C7 4.174 7.224 4 7.5 4s.5.174.5.389Z"
+  />
+  <path
+    d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type popout is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/packages/eui/src/components/icon/assets/minus_in_square.tsx b/packages/eui/src/components/icon/assets/minus_in_square.tsx
new file mode 100644
index 00000000000..d03dea1e4fc
--- /dev/null
+++ b/packages/eui/src/components/icon/assets/minus_in_square.tsx
@@ -0,0 +1,38 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import type { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const EuiIconMinusInSquare = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M10.611 7H4.39c-.216 0-.39.224-.39.5s.174.5.389.5h6.222c.215 0 .389-.224.389-.5s-.174-.5-.389-.5Z" />
+    <path
+      fillRule="evenodd"
+      d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+    />
+  </svg>
+);
+export const icon = EuiIconMinusInSquare;
diff --git a/packages/eui/src/components/icon/assets/plus_in_square.tsx b/packages/eui/src/components/icon/assets/plus_in_square.tsx
new file mode 100644
index 00000000000..938b0d419bb
--- /dev/null
+++ b/packages/eui/src/components/icon/assets/plus_in_square.tsx
@@ -0,0 +1,38 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import type { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const EuiIconPlusInSquare = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M8 4.389V7h2.611c.215 0 .389.224.389.5s-.174.5-.389.5H8v2.611c0 .215-.224.389-.5.389s-.5-.174-.5-.389V8H4.389C4.174 8 4 7.776 4 7.5s.174-.5.389-.5H7V4.389C7 4.174 7.224 4 7.5 4s.5.174.5.389Z" />
+    <path
+      fillRule="evenodd"
+      d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+    />
+  </svg>
+);
+export const icon = EuiIconPlusInSquare;
diff --git a/packages/eui/src/components/icon/icon_map.ts b/packages/eui/src/components/icon/icon_map.ts
index 7586b21b667..d4a3d9188c3 100644
--- a/packages/eui/src/components/icon/icon_map.ts
+++ b/packages/eui/src/components/icon/icon_map.ts
@@ -308,6 +308,7 @@ export const typeToPathMap = {
   minus: 'minus',
   minusInCircle: 'minus_in_circle',
   minusInCircleFilled: 'minus_in_circle_filled',
+  minusInSquare: 'minus_in_square',
   mobile: 'mobile',
   monitoringApp: 'app_monitoring',
   moon: 'moon',
@@ -343,6 +344,7 @@ export const typeToPathMap = {
   plus: 'plus',
   plusInCircle: 'plus_in_circle',
   plusInCircleFilled: 'plus_in_circle_filled',
+  plusInSquare: 'plus_in_square',
   popout: 'popout',
   push: 'push',
   questionInCircle: 'question_in_circle',
diff --git a/packages/eui/src/components/icon/svgs/minus_in_square.svg b/packages/eui/src/components/icon/svgs/minus_in_square.svg
new file mode 100644
index 00000000000..ec8ac321bc7
--- /dev/null
+++ b/packages/eui/src/components/icon/svgs/minus_in_square.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M10.611 7H4.39c-.216 0-.39.224-.39.5s.174.5.389.5h6.222c.215 0 .389-.224.389-.5s-.174-.5-.389-.5Z"/><path fill-rule="evenodd" d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/eui/src/components/icon/svgs/plus_in_square.svg b/packages/eui/src/components/icon/svgs/plus_in_square.svg
new file mode 100644
index 00000000000..6a8adc422a5
--- /dev/null
+++ b/packages/eui/src/components/icon/svgs/plus_in_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 4.389V7h2.611c.215 0 .389.224.389.5s-.174.5-.389.5H8v2.611c0 .215-.224.389-.5.389s-.5-.174-.5-.389V8H4.389C4.174 8 4 7.776 4 7.5s.174-.5.389-.5H7V4.389C7 4.174 7.224 4 7.5 4s.5.174.5.389Z"/><path fill-rule="evenodd" d="M1 3a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file