From b5f6d58b43cc51095251d9e87e632f7ca7ad9833 Mon Sep 17 00:00:00 2001
From: Arno V <versini@gmail.com>
Date: Fri, 27 Sep 2024 10:16:35 -0400
Subject: [PATCH] feat(ui-icons): adding IconSearch (#700)

---
 packages/ui-icons/lib/icons/config.json       |  5 ++
 .../lib/icons/svg/magnifying-glass.svg        |  4 ++
 .../src/components/Icons/IconPasskey.tsx      |  2 +-
 .../src/components/Icons/IconSearch.tsx       | 48 +++++++++++++++++++
 .../components/Icons/__tests__/Icons.test.tsx |  9 ++++
 packages/ui-icons/src/components/index.ts     |  2 +
 6 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui-icons/lib/icons/svg/magnifying-glass.svg
 create mode 100644 packages/ui-icons/src/components/Icons/IconSearch.tsx

diff --git a/packages/ui-icons/lib/icons/config.json b/packages/ui-icons/lib/icons/config.json
index 99e971db..db75a7bf 100644
--- a/packages/ui-icons/lib/icons/config.json
+++ b/packages/ui-icons/lib/icons/config.json
@@ -139,5 +139,10 @@
 		"name": "IconPasskey",
 		"title": "Passkey",
 		"monotone": true
+	},
+	"magnifying-glass": {
+		"name": "IconSearch",
+		"title": "Search",
+		"monotone": true
 	}
 }
diff --git a/packages/ui-icons/lib/icons/svg/magnifying-glass.svg b/packages/ui-icons/lib/icons/svg/magnifying-glass.svg
new file mode 100644
index 00000000..5c477b12
--- /dev/null
+++ b/packages/ui-icons/lib/icons/svg/magnifying-glass.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">  <!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.-->
+  <path class="fa-secondary" opacity=".4" d="M0 208a208 208 0 1 0 416 0A208 208 0 1 0 0 208zm352 0A144 144 0 1 1 64 208a144 144 0 1 1 288 0z"/>
+  <path class="fa-primary" d="M330.7 376L457.4 502.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L376 330.7C363.3 348 348 363.3 330.7 376z"/>
+</svg>
diff --git a/packages/ui-icons/src/components/Icons/IconPasskey.tsx b/packages/ui-icons/src/components/Icons/IconPasskey.tsx
index 8d129355..2fbfee8d 100644
--- a/packages/ui-icons/src/components/Icons/IconPasskey.tsx
+++ b/packages/ui-icons/src/components/Icons/IconPasskey.tsx
@@ -26,7 +26,7 @@ export const IconPasskey = ({
 	const opacity = monotone ? "1" : "0.4";
 	return (
 		<SvgIcon
-			defaultViewBox="0 0 216 216"
+			defaultViewBox="0 0 190 190"
 			defaultClassName="size-5"
 			viewBox={viewBox}
 			className={className}
diff --git a/packages/ui-icons/src/components/Icons/IconSearch.tsx b/packages/ui-icons/src/components/Icons/IconSearch.tsx
new file mode 100644
index 00000000..8b3afd4c
--- /dev/null
+++ b/packages/ui-icons/src/components/Icons/IconSearch.tsx
@@ -0,0 +1,48 @@
+/**
+ * This file was automatically generated.
+ * Please do not edit manually.
+ *
+ * To update this file, run `yarn build:icons`.
+ *
+ * Original name: magnifying-glass.svg
+ *
+ * !Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.
+ *
+ */
+
+import { SvgIcon } from "@versini/ui-private";
+
+import type { IconsProps } from "./IconsTypes";
+
+export const IconSearch = ({
+	className,
+	viewBox,
+	spacing,
+	title,
+	monotone,
+	...rest
+}: IconsProps) => {
+	/* v8 ignore next 1 */
+	const opacity = monotone ? "1" : "0.4";
+	return (
+		<SvgIcon
+			defaultViewBox="0 0 512 512"
+			defaultClassName="size-5"
+			viewBox={viewBox}
+			className={className}
+			spacing={spacing}
+			title={title || "Search"}
+			{...rest}
+		>
+			<path
+				className="fa-secondary"
+				opacity={opacity}
+				d="M0 208a208 208 0 1 0 416 0A208 208 0 1 0 0 208zm352 0A144 144 0 1 1 64 208a144 144 0 1 1 288 0z"
+			/>
+			<path
+				className="fa-primary"
+				d="M330.7 376L457.4 502.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L376 330.7C363.3 348 348 363.3 330.7 376z"
+			/>
+		</SvgIcon>
+	);
+};
diff --git a/packages/ui-icons/src/components/Icons/__tests__/Icons.test.tsx b/packages/ui-icons/src/components/Icons/__tests__/Icons.test.tsx
index 2c605cf9..67d2261b 100644
--- a/packages/ui-icons/src/components/Icons/__tests__/Icons.test.tsx
+++ b/packages/ui-icons/src/components/Icons/__tests__/Icons.test.tsx
@@ -25,6 +25,7 @@ import {
 	IconProfile,
 	IconRefresh,
 	IconRestore,
+	IconSearch,
 	IconSettings,
 	IconShow,
 	IconSort,
@@ -289,6 +290,13 @@ describe("Generic Icons prop tests", () => {
 						viewBox={viewBox}
 						spacing={spacing}
 					/>
+					<IconSearch
+						data-testid="icon-search"
+						className={className}
+						fill={fill}
+						viewBox={viewBox}
+						spacing={spacing}
+					/>
 				</>,
 			);
 			[
@@ -322,6 +330,7 @@ describe("Generic Icons prop tests", () => {
 				"icon-locked",
 				"icon-key",
 				"icon-passkey",
+				"icon-search",
 			].forEach(async (dataTestId) => {
 				await renderExpected({
 					dataTestId,
diff --git a/packages/ui-icons/src/components/index.ts b/packages/ui-icons/src/components/index.ts
index 0c6a96fa..c3d808fb 100644
--- a/packages/ui-icons/src/components/index.ts
+++ b/packages/ui-icons/src/components/index.ts
@@ -21,6 +21,7 @@ import { IconPrevious } from "./Icons/IconPrevious";
 import { IconProfile } from "./Icons/IconProfile";
 import { IconRefresh } from "./Icons/IconRefresh";
 import { IconRestore } from "./Icons/IconRestore";
+import { IconSearch } from "./Icons/IconSearch";
 import { IconSettings } from "./Icons/IconSettings";
 import { IconShow } from "./Icons/IconShow";
 import { IconSort } from "./Icons/IconSort";
@@ -54,6 +55,7 @@ export {
 	IconProfile,
 	IconRefresh,
 	IconRestore,
+	IconSearch,
 	IconSettings,
 	IconShow,
 	IconSort,