Releases: JustinVoitel/svelte-hero-icons
Releases · JustinVoitel/svelte-hero-icons
5.0.0
4.1.3
- fix IconSource types export
4.1.0
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
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"
withimport { Icon } from "svelte-hero-icons"
- or add the import to wherever you import the Icon sources
- replace
- if you still use the old syntax, refactor your code in 1 step:
Fixes
- Add ability to use any property on solid version of Icon
3.1.2
- add package.json info
- remove circular dependency of svelte-hero-icons
3.1.0
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
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"