[EuiIcon] Add section glyph (#8261)

Co-authored-by: Lene Gadewoll <[email protected]>
elastic · Jan 8, 2025 · 2bbe8cf · 2bbe8cf
1 parent a28fd7f
commit 2bbe8cf
Show file tree

Hide file tree

Showing 8 changed files with 58 additions and 4 deletions.
diff --git a/packages/eui/changelogs/upcoming/8261.md b/packages/eui/changelogs/upcoming/8261.md
@@ -0,0 +1,2 @@
+- Added new icon `section`
+
diff --git a/packages/eui/src-docs/src/views/icon/icons.js b/packages/eui/src-docs/src/views/icon/icons.js
@@ -234,6 +234,7 @@ export const iconTypes = [
   'save',
   'scale',
   'search',
+  'section',
   'securitySignal',
   'securitySignalDetected',
   'securitySignalResolved',

diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -1961,9 +1961,7 @@ exports[`EuiIcon props type createGeoJob is rendered 1`] = `
   />
   <path
     class="euiIcon__fillSecondary"
-    clip-rule="evenodd"
     d="M23 15h-6V9h-2v6H9v2h6v6h2v-6h6v-2Zm-1 9.196C22 27.329 25.427 32 27 32s5-4.67 5-7.804V24a5 5 0 1 0-10 .096v.1ZM27 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
-    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -9048,6 +9046,24 @@ exports[`EuiIcon props type searchProfilerApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type section is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon emotion-euiIcon-m-isLoaded"
+  data-icon-type="section"
+  data-is-loaded="true"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1.5 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm1.5.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5ZM1.5 4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-4A.5.5 0 0 0 7 4H1.5Zm7 .5A.5.5 0 0 1 9 4h5.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5v-4Zm-7 5.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-13Z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type securityAnalyticsApp is rendered 1`] = `
 <svg
   aria-hidden="true"

diff --git a/packages/eui/src/components/icon/assets/ml_create_geo_job.tsx b/packages/eui/src/components/icon/assets/ml_create_geo_job.tsx
@@ -30,8 +30,6 @@ const EuiIconMlCreateGeoJob = ({
     {title ? <title id={titleId}>{title}</title> : null}
     <path d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16h-2c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14v2Z" />
     <path
-      clipRule="evenodd"
-      fillRule="evenodd"
       d="M23 15h-6V9h-2v6H9v2h6v6h2v-6h6v-2Zm-1 9.196C22 27.329 25.427 32 27 32s5-4.67 5-7.804V24a5 5 0 1 0-10 .096v.1ZM27 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
       className="euiIcon__fillSecondary"
     />

diff --git a/packages/eui/src/components/icon/assets/section.tsx b/packages/eui/src/components/icon/assets/section.tsx
@@ -0,0 +1,34 @@
+/*
+ * 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 EuiIconSection = ({
+  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="M1.5 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm1.5.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5ZM1.5 4a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5v-4A.5.5 0 0 0 7 4H1.5Zm7 .5A.5.5 0 0 1 9 4h5.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5v-4Zm-7 5.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-13Z" />
+  </svg>
+);
+export const icon = EuiIconSection;
diff --git a/packages/eui/src/components/icon/icon_map.ts b/packages/eui/src/components/icon/icon_map.ts
@@ -365,6 +365,7 @@ export const typeToPathMap = {
   scale: 'scale',
   search: 'search',
   searchProfilerApp: 'app_search_profiler',
+  section: 'section',
   securityAnalyticsApp: 'app_security_analytics',
   securityApp: 'app_security',
   securitySignal: 'securitySignal',

diff --git a/packages/eui/src/components/icon/svgs/section.svg b/packages/eui/src/components/icon/svgs/section.svg
diff --git a/packages/website/docs/components/display/icons/icon_types.ts b/packages/website/docs/components/display/icons/icon_types.ts
@@ -224,6 +224,7 @@ export const iconTypes: Array<IconType> = [
   'save',
   'scale',
   'search',
+  'section',
   'securitySignal',
   'securitySignalDetected',
   'securitySignalResolved',