feat: adding IconSort (#500)

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

@@ -104,7 +104,11 @@
 	},
 	"circle-star": {
 		"name": "IconStarInCircle",
-		"title": "Star in Circle",
+		"title": "Star in Circle"
+	},
+	"arrow-down-arrow-up": {
+		"name": "IconSort",
+		"title": "Sort",
 		"monotone": true
 	}
 }

packages/ui-icons/src/components/Icons/IconSort.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: arrow-down-arrow-up.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 IconSort = ({
+	className,
+	viewBox,
+	spacing,
+	title,
+
+	monotone,
+	...rest
+}: IconsProps) => {
+	/* v8 ignore next 1 */
+	const opacity = monotone ? "1" : "0.4";
+	return (
+		<SvgIcon
+			defaultViewBox="0 0 576 512"
+			defaultClassName="h-5 w-5"
+			viewBox={viewBox}
+			className={className}
+			spacing={spacing}
+			title={title || "Sort"}
+			{...rest}
+		>
+			<path
+				className="fa-secondary"
+				opacity={opacity}
+				d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
+			/>
+			<path
+				className="fa-primary"
+				d="M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z"
+			/>
+		</SvgIcon>
+	);
+};

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

@@ -19,12 +19,10 @@ export const IconStarInCircle = ({
 	viewBox,
 	spacing,
 	title,
-
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	monotone,
 	...rest
 }: IconsProps) => {
-	/* v8 ignore next 1 */
-	const opacity = monotone ? "1" : "0.4";
 	return (
 		<SvgIcon
 			defaultViewBox="0 0 512 512"
@@ -37,7 +35,7 @@ export const IconStarInCircle = ({
 		>
 			<path
 				className="fa-secondary"
-				opacity={opacity}
+				opacity="0.4"
 				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

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

@@ -23,6 +23,7 @@ import {
 	IconRestore,
 	IconSettings,
 	IconShow,
+	IconSort,
 	IconStarInCircle,
 	IconUp,
 	IconUser,
@@ -233,6 +234,13 @@ describe("Generic Icons prop tests", () => {
 						viewBox={viewBox}
 						spacing={spacing}
 					/>
+					<IconSort
+						data-testid="icon-sort"
+						className={className}
+						fill={fill}
+						viewBox={viewBox}
+						spacing={spacing}
+					/>
 				</>,
 			);
 
@@ -260,6 +268,7 @@ describe("Generic Icons prop tests", () => {
 				"icon-up",
 				"icon-add",
 				"icon-star-in-circle",
+				"icon-sort",
 			].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 { IconSort } from "./Icons/IconSort";
 import { IconStarInCircle } from "./Icons/IconStarInCircle";
 import { IconUp } from "./Icons/IconUp";
 import { IconUser } from "./Icons/IconUser";
@@ -45,6 +46,7 @@ export {
 	IconRestore,
 	IconSettings,
 	IconShow,
+	IconSort,
 	IconStarInCircle,
 	IconUp,
 	IconUser,