feat: add sparkle_filled icon (opensearch-project#1452)

* feat: add sparkle_filled icon Signed-off-by: Yulong Ruan <[email protected]> * doc(changelog): add changelog for newly add sparkle icon Signed-off-by: Yulong Ruan <[email protected]> --------- Signed-off-by: Yulong Ruan <[email protected]>
virajsanghvi · Oct 31, 2024 · 7233b5a · 7233b5a
1 parent 6b95b8f
commit 7233b5a
Show file tree

Hide file tree

Showing 6 changed files with 71 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@
 ### 📈 Features/Enhancements
 - Add bookOpen, compass, dashboard, functionAdd, lineChart, pulse, radar, and rocket icons ([#1443](https://github.com/opensearch-project/oui/pull/1443))
 - Update v9 theme colors ([#1446](https://github.com/opensearch-project/oui/pull/1446))
+- Add sparkleFilled icon ([#1452](https://github.com/opensearch-project/oui/pull/1452))
 
 ### 🐛 Bug Fixes
 

diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
@@ -229,6 +229,7 @@ export const iconTypes = [
   'sortLeft',
   'sortRight',
   'sortUp',
+  'sparkleFilled',
   'starEmpty',
   'starEmptySpace',
   'starFilled',

diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -8158,6 +8158,27 @@ exports[`OuiIcon props type spacesApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`OuiIcon props type sparkleFilled is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
+  focusable="false"
+  role="img"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.91667 4.25L9.09518 7.23816L12.0833 8.41667L9.09518 9.59518L7.91667 12.5833L6.73816 9.59518L3.75 8.41667L6.73816 7.23816L7.91667 4.25Z"
+  />
+  <path
+    d="M7.91667 3.83333C8.08778 3.83333 8.2415 3.93795 8.30428 4.09713L9.41639 6.91694L12.2362 8.02906C12.3954 8.09184 12.5 8.24555 12.5 8.41667C12.5 8.58778 12.3954 8.7415 12.2362 8.80428L9.41639 9.91639L8.30428 12.7362C8.2415 12.8954 8.08778 13 7.91667 13C7.74555 13 7.59184 12.8954 7.52906 12.7362L6.41694 9.91639L3.59713 8.80428C3.43795 8.7415 3.33333 8.58778 3.33333 8.41667C3.33333 8.24555 3.43795 8.09184 3.59713 8.02906L6.41694 6.91694L7.52906 4.09713C7.59184 3.93795 7.74555 3.83333 7.91667 3.83333ZM7.91667 5.38567L7.12577 7.39103C7.08341 7.49841 6.99841 7.58341 6.89103 7.62577L4.88567 8.41667L6.89103 9.20757C6.99841 9.24992 7.08341 9.33492 7.12577 9.44231L7.91667 11.4477L8.70757 9.44231C8.74992 9.33492 8.83492 9.24992 8.94231 9.20757L10.9477 8.41667L8.94231 7.62577C8.83492 7.58341 8.74992 7.49841 8.70757 7.39103L7.91667 5.38567Z"
+  />
+  <path
+    d="M4.16667 3L4.697 4.13634L5.83333 4.66667L4.697 5.197L4.16667 6.33333L3.63634 5.197L2.5 4.66667L3.63634 4.13634L4.16667 3Z"
+  />
+</svg>
+`;
+
 exports[`OuiIcon props type sqlApp is rendered 1`] = `
 <svg
   aria-hidden="true"

diff --git a/src/components/icon/assets/sparkle_filled.js b/src/components/icon/assets/sparkle_filled.js
@@ -0,0 +1,28 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ *
+ * Modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+
+import * as React from 'react';
+const OuiIconSparkleFilled = ({ title, titleId, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      d="M7.91667 4.25L9.09518 7.23816L12.0833 8.41667L9.09518 9.59518L7.91667 12.5833L6.73816 9.59518L3.75 8.41667L6.73816 7.23816L7.91667 4.25Z" />
+    <path
+      d="M7.91667 3.83333C8.08778 3.83333 8.2415 3.93795 8.30428 4.09713L9.41639 6.91694L12.2362 8.02906C12.3954 8.09184 12.5 8.24555 12.5 8.41667C12.5 8.58778 12.3954 8.7415 12.2362 8.80428L9.41639 9.91639L8.30428 12.7362C8.2415 12.8954 8.08778 13 7.91667 13C7.74555 13 7.59184 12.8954 7.52906 12.7362L6.41694 9.91639L3.59713 8.80428C3.43795 8.7415 3.33333 8.58778 3.33333 8.41667C3.33333 8.24555 3.43795 8.09184 3.59713 8.02906L6.41694 6.91694L7.52906 4.09713C7.59184 3.93795 7.74555 3.83333 7.91667 3.83333ZM7.91667 5.38567L7.12577 7.39103C7.08341 7.49841 6.99841 7.58341 6.89103 7.62577L4.88567 8.41667L6.89103 9.20757C6.99841 9.24992 7.08341 9.33492 7.12577 9.44231L7.91667 11.4477L8.70757 9.44231C8.74992 9.33492 8.83492 9.24992 8.94231 9.20757L10.9477 8.41667L8.94231 7.62577C8.83492 7.58341 8.74992 7.49841 8.70757 7.39103L7.91667 5.38567Z" />
+    <path
+      d="M4.16667 3L4.697 4.13634L5.83333 4.66667L4.697 5.197L4.16667 6.33333L3.63634 5.197L2.5 4.66667L3.63634 4.13634L4.16667 3Z" />
+  </svg>
+);
+export const icon = OuiIconSparkleFilled;
diff --git a/src/components/icon/assets/sparkle_filled.svg b/src/components/icon/assets/sparkle_filled.svg
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
@@ -388,6 +388,7 @@ const typeToPathMap = {
   sortRight: 'sortRight',
   sortUp: 'sort_up',
   spacesApp: 'app_spaces',
+  sparkleFilled: 'sparkle_filled',
   sqlApp: 'app_sql',
   starEmpty: 'star_empty',
   starEmptySpace: 'star_empty_space',