@jis3r/icons 1.0.1 → 1.1.1

package/dist/icons/list-restart.svelte

@@ -0,0 +1,77 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 28,
+		strokeWidth = 2,
+		isHovered = false,
+		classes = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+	}
+
+	function handleMouseLeave() {
+		isHovered = false;
+	}
+</script>
+
+<div
+	class={classes}
+	aria-label="list-restart"
+	role="img"
+	onmouseenter={handleMouseEnter}
+	onmouseleave={handleMouseLeave}
+>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="list-restart-icon"
+		class:animate={isHovered}
+	>
+		<path d="M21 6H3" />
+		<path d="M7 12H3" />
+		<path d="M7 18H3" />
+		<g class="restart-arrows">
+			<path d="M12 18a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L11 14" />
+			<path d="M11 10v4h4" />
+		</g>
+	</svg>
+</div>
+
+<style>
+	.list-restart-icon {
+		transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+	}
+
+	.restart-arrows {
+		transform-origin: center;
+		transform-box: fill-box;
+		transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+	}
+
+	.animate .restart-arrows {
+		transform: rotate(-50deg);
+	}
+
+	svg {
+		overflow: visible;
+	}
+</style>

package/dist/icons/list-restart.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  ListRestartProps */
+/** @typedef {typeof __propDef.events}  ListRestartEvents */
+/** @typedef {typeof __propDef.slots}  ListRestartSlots */
+export default class ListRestart extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ListRestartProps = typeof __propDef.props;
+export type ListRestartEvents = typeof __propDef.events;
+export type ListRestartSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/index.d.ts

@@ -270,6 +270,7 @@ export { default as LightbulbOff } from "./icons/lightbulb-off.svelte";
 export { default as Link2Off } from "./icons/link-2-off.svelte";
 export { default as ListCheck } from "./icons/list-check.svelte";
 export { default as ListChecks } from "./icons/list-checks.svelte";
+export { default as ListRestart } from "./icons/list-restart.svelte";
 export { default as ListTodo } from "./icons/list-todo.svelte";
 export { default as LoaderPinwheel } from "./icons/loader-pinwheel.svelte";
 export { default as LocateOff } from "./icons/locate-off.svelte";