[EuiIcon] Add new expand glyphs

packages/eui/changelogs/upcoming/7875.md

@@ -0,0 +1 @@
+- Added `minusInSquare` and `plusInSquare` glyphs to `EuiIcon`.

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

@@ -183,6 +183,7 @@ export const iconTypes = [
   'minus',
   'minusInCircle',
   'minusInCircleFilled',
+  'minusInSquare',
   'mobile',
   'moon',
   'move',
@@ -213,6 +214,7 @@ export const iconTypes = [
   'plus',
   'plusInCircle',
   'plusInCircleFilled',
+  'plusInSquare',
   'popout',
   'push',
   'questionInCircle',

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

@@ -7732,6 +7732,29 @@ 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="M12 7.5H4a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1Z"
+  />
+  <path
+    clip-rule="evenodd"
+    d="M1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h10a1 1 0 0 1 1 1v10a1 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"
@@ -8419,6 +8442,29 @@ 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 3.5a.5.5 0 0 1 .5.5v3.5H12a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5Z"
+  />
+  <path
+    clip-rule="evenodd"
+    d="M1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h10a1 1 0 0 1 1 1v10a1 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"

packages/eui/src/components/icon/assets/minus_in_square.tsx

@@ -0,0 +1,39 @@
+/*
+ * 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="M12 7.5H4a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1Z" />
+    <path
+      fillRule="evenodd"
+      d="M1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export const icon = EuiIconMinusInSquare;

packages/eui/src/components/icon/assets/plus_in_square.tsx

@@ -0,0 +1,39 @@
+/*
+ * 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 3.5a.5.5 0 0 1 .5.5v3.5H12a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0V8.5H4a.5.5 0 0 1 0-1h3.5V4a.5.5 0 0 1 .5-.5Z" />
+    <path
+      fillRule="evenodd"
+      d="M1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm2-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export const icon = EuiIconPlusInSquare;

packages/eui/src/components/icon/icon_map.ts

@@ -302,6 +302,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',
@@ -337,6 +338,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',