feat(ui-icons): adding IconStarInCircle (#478)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Added a new icon "Star in Circle" to the icons library, which supports
monotone rendering.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/ui-icons/lib/icons/config.json

@@ -101,5 +101,10 @@
 		"name": "IconAdd",
 		"title": "Add",
 		"monotone": true
+	},
+	"circle-star": {
+		"name": "IconStarInCircle",
+		"title": "Star in Circle",
+		"monotone": true
 	}
 }

packages/ui-icons/src/components/Icons/IconStarInCircle.tsx

@@ -0,0 +1,49 @@
+/**
+ * This file was automatically generated.
+ * Please do not edit manually.
+ *
+ * To update this file, run `yarn build:icons`.
+ *
+ * Original name: circle-star.svg
+ *
+ * !Font Awesome Pro 6.5.2 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 IconStarInCircle = ({
+	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="h-5 w-5"
+			viewBox={viewBox}
+			className={className}
+			spacing={spacing}
+			title={title || "Star in Circle"}
+			{...rest}
+		>
+			<path
+				className="fa-secondary"
+				opacity={opacity}
+				d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM256 104c-6.1 0-11.7 3.5-14.3 8.9l-36.2 73.4-81 11.8c-6 .9-11 5.1-12.9 10.9s-.3 12.2 4 16.4l58.6 57.2-13.8 80.7c-1 6 1.4 12.1 6.4 15.6s11.5 4.1 16.8 1.2L256 342.1l72.5 38.1c5.4 2.8 11.9 2.4 16.9-1.2s7.4-9.6 6.4-15.6l-13.8-80.7 58.6-57.2c4.4-4.3 5.9-10.6 4-16.4s-6.9-10-12.9-10.9l-81.1-11.8-36.2-73.4c-2.7-5.5-8.3-8.9-14.3-8.9z"
+			/>
+			<path
+				className="fa-primary"
+				d="M270.3 112.9c-2.7-5.5-8.3-8.9-14.3-8.9s-11.7 3.5-14.3 8.9l-36.2 73.4-81.1 11.8c-6 .9-11 5.1-12.9 10.9s-.3 12.2 4 16.4l58.6 57.2-13.8 80.7c-1 6 1.4 12.1 6.4 15.6s11.5 4.1 16.9 1.2L256 342.1l72.5 38.1c5.4 2.8 11.9 2.4 16.9-1.2s7.4-9.6 6.4-15.6l-13.8-80.7 58.6-57.2c4.4-4.3 5.9-10.6 4-16.4s-6.9-10-12.9-10.9l-81-11.8-36.2-73.4z"
+			/>
+		</SvgIcon>
+	);
+};

packages/ui-icons/src/components/Icons/__tests__/Icons.test.tsx

@@ -23,6 +23,7 @@ import {
 	IconRestore,
 	IconSettings,
 	IconShow,
+	IconStarInCircle,
 	IconUp,
 	IconUser,
 } from "../..";
@@ -225,6 +226,13 @@ describe("Generic Icons prop tests", () => {
 						viewBox={viewBox}
 						spacing={spacing}
 					/>
+					<IconStarInCircle
+						data-testid="icon-star-in-circle"
+						className={className}
+						fill={fill}
+						viewBox={viewBox}
+						spacing={spacing}
+					/>
 				</>,
 			);
 
@@ -251,6 +259,7 @@ describe("Generic Icons prop tests", () => {
 				"icon-down",
 				"icon-up",
 				"icon-add",
+				"icon-star-in-circle",
 			].forEach(async (dataTestId) => {
 				await renderExpected({
 					dataTestId,

packages/ui-icons/src/components/index.ts

@@ -19,6 +19,7 @@ import { IconProfile } from "./Icons/IconProfile";
 import { IconRestore } from "./Icons/IconRestore";
 import { IconSettings } from "./Icons/IconSettings";
 import { IconShow } from "./Icons/IconShow";
+import { IconStarInCircle } from "./Icons/IconStarInCircle";
 import { IconUp } from "./Icons/IconUp";
 import { IconUser } from "./Icons/IconUser";
 
@@ -44,6 +45,7 @@ export {
 	IconRestore,
 	IconSettings,
 	IconShow,
+	IconStarInCircle,
 	IconUp,
 	IconUser,
 };