@swoozh/icons-svelte 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,57 @@
+Swoozh Icons License
+
+Copyright (c) 2026 Richard Walander. All rights reserved.
+
+The Swoozh Icons (the "Icons"), including the SVG files, icon font, framework
+components and metadata in this repository and its packages, are licensed, not
+sold, under the terms below.
+
+1. Permission
+
+   You may use the Icons, free of charge, in your own projects, including
+   commercial ones (websites, apps, online stores, print, presentations and
+   client work), provided you follow the conditions in this license.
+
+   You may adjust the Icons for your own use (colour, size, stroke width,
+   embedding in your own components or build).
+
+2. Attribution
+
+   You must credit "Icons by Swoozh" with a link to the Swoozh Icons website
+   in a reasonable, visible place in or alongside your project, for example a
+   credits page, an about page or the footer. You do not need to credit
+   individual icons.
+
+3. Restrictions
+
+   You may not:
+   a) sell, sublicense, rent or lease the Icons, alone or as part of a
+      collection;
+   b) redistribute the Icons, in original or modified form, as a standalone
+      resource, icon set, library, font, package, template or similar
+      collection, whether free or paid;
+   c) publish the Icon files in a public repository or on a download or
+      marketplace site, other than as an unavoidable part of your own
+      project's delivered output;
+   d) claim the Icons as your own work, or imply that Swoozh or its author
+      endorses your project.
+
+   Icons that are part of your delivered product (for example inlined in
+   a website or bundled in an app) are not considered redistribution, as long
+   as they cannot be extracted as a standalone icon set.
+
+4. Ownership
+
+   The author retains all rights, title and interest in the Icons. Rights not
+   expressly granted are reserved.
+
+5. No warranty
+
+   THE ICONS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED. THE AUTHOR IS NOT LIABLE FOR ANY CLAIM OR DAMAGES ARISING FROM
+   THE USE OF THE ICONS.
+
+6. Termination
+
+   This license terminates automatically if you breach it. On termination you
+   must stop using the Icons.

package/README.md

@@ -1,3 +1,12 @@
-# Temporary Holding Version
+# @swoozh/icons-svelte
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Swoozh Icons for Svelte 4 and 5.
+
+```svelte
+<script>
+  import { Icon, ShoppingBag } from '@swoozh/icons-svelte';
+</script>
+<Icon icon={ShoppingBag} variant="filled" size={20} />
+```
+
+Full docs: `site/docs.html`.

package/dist/Icon.svelte

@@ -0,0 +1,11 @@
+<script>
+  /** @type {{outline: string, filled: string}} */
+  export let icon;
+  /** @type {'outline' | 'filled'} */
+  export let variant = 'outline';
+  export let size = 24;
+  export let color = 'currentColor';
+  export let title = undefined;
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={size} height={size} fill={color} aria-hidden={title ? undefined : 'true'} role={title ? 'img' : undefined} {...$$restProps}>{#if title}<title>{title}</title>{/if}<path d={variant === 'filled' ? icon.filled : icon.outline} /></svg>

package/dist/StrokeIcon.svelte

@@ -0,0 +1,11 @@
+<script>
+  /** @type {{stroke: string}} */
+  export let icon;
+  export let strokeWidth = 1.5;
+  export let size = 24;
+  export let color = 'currentColor';
+  export let title = undefined;
+  $: markup = (title ? '<title>' + title.replace(/[<&]/g, c => c === '<' ? '&lt;' : '&amp;') + '</title>' : '') + icon.stroke.replace(/stroke-width="([\d.]+)"/g, (_, x) => 'stroke-width="' + +(x * strokeWidth / 1.5).toFixed(3) + '"');
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={size} height={size} fill="none" stroke={color} stroke-width={strokeWidth} stroke-miterlimit="10" aria-hidden={title ? undefined : 'true'} role={title ? 'img' : undefined} {...$$restProps}>{@html markup}</svg>