Skip to content

Releases: JustinVoitel/svelte-hero-icons

5.0.0

03 Mar 13:15
Compare
Choose a tag to compare

Breaking Changes

  • update @steeze-ui/heroicons to v2.2.2 (heroicons@2.0.16)

Features

  • add mini property

4.1.3

20 May 12:12
Compare
Choose a tag to compare
  • fix IconSource types export

4.1.0

08 Mar 13:58
Compare
Choose a tag to compare

Minor

  • add aria-hidden="true" as default

Fix

  • remove import waterfalls in dev mode (now uses @steeze-ui/heroicons under the hood)

4.0.1

28 Dec 06:37
Compare
Choose a tag to compare

Breaking Changes

  • Remove forced classes, you now have full control over the classes
  • Remove deprecated ariaHidden property, use aria-hidden instead
  • Remove svelte-hero-icons/Icon.svelte import, to (hopefully) enable ootb experience
    • if you still use the old syntax, refactor your code in 1 step:
      • replace import Icon from "svelte-hero-icons/Icon.svelte" with import { Icon } from "svelte-hero-icons"
      • or add the import to wherever you import the Icon sources

Fixes

  • Add ability to use any property on solid version of Icon

3.1.2

16 Dec 20:18
Compare
Choose a tag to compare
  • add package.json info
  • remove circular dependency of svelte-hero-icons

3.1.0

14 Dec 20:12
Compare
Choose a tag to compare

Changes

  • You now have to add the following config to your svelte.config.js in order for this package to work for SvelteKit version v1.0.0-next.202 and later
vite: {
  ssr: {
    noExternal: ["svelte-hero-icons"],
  }
}
  • You can now import the Icon component alongside the icon data, e.g:
import {Icon, Annotation} from "svelte-hero-icons"
// importing the component via "svelte-hero-icons/Icon.svelte" is still possible
  • You can now use any valid html attribute on the Icon component (which will only be applied to the svg element) e.g.
<Icon size="50" height="100" aria-hidden="true"> 
<!-- the height attribute overrides the value that would normally come from the size attribute-->
<!-- the ariaHidden attribute will be removed in a later major version, because you can now use the native aria-hidden attribute-->
  • TypeScript Typings for the Icon component have been improved

3.0.0

04 Sep 10:33
Compare
Choose a tag to compare

Changes

  • From this release onwards this package is only intended for svelte-kit projects as it only exports esm
  • The NPM package is now packaged by svelte-kit's package command
  • Importing the Icon component has changed due to incompatibility,

from:

import Icon, {Annotation} from "svelte-hero-icons"

to:

import {Annotation} from "svelte-hero-icons"
import Icon from "svelte-hero-icons/Icon.svelte"