All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
0.11.0 - 2026-07-17
- Kit subset-aware search and showcase: when the Icon Chooser is used in kit mode (a
kit-tokenis provided), icon search now queries the kit's subset via theKit.searchKitfield (usingsearchMode: CUSTOMfor the kit's custom-upload family-stylesfak/fakd, andOFFICIALotherwise), and the opening view presents a curated, subset-aware showcase via the kit'sKit.showcaseIconsfield instead of the library-wide default set. The chooser's available family-styles are limited to the kit's subset (Kit.familyStyles), and the default-selected family-style is always one the subset contains. Showcases are loaded lazily per family-style and cacheable using the kit-providedKit.showcaseCacheKey. Non-kit (version-only) mode behavior is unchanged. - Kit-branded copy in kit mode: the search-status line, the start-view heading, and the start-view detail now identify the kit by name and token. The kit name is truncated to 30 characters (with an ellipsis) for display. These strings remain overridable via their existing named slots, and non-kit (version-only) copy is unchanged.
- Added React 19 as a peer dependency for fa-icon-chooser-react. Thanks, chrissnyder2337.
0.10.2 - 2026-05-05
- Update lodash to address security vulnerabilities (though no vulnerable lodash functions were actually used by this app's production bundle)
- Change lodash imports to be more specific to ensure that the production bundle includes only the lodash functions that are actually used by this app.
0.10.1 - 2026-05-05
- fix includeFamilyStyle filter feature to reconcile the currently selected familyStyle with available familyStyles, after applying all filters.
0.10.0 - 2026-04-01
- added an includeFamilyStyle filter, which can be used to further restrict the familyStyles presented in the Icon Chooser
- adds family and style as properties to the IconChooserResult
0.9.1 - 2025-07-22
- Updated api urls
0.9.0 - 2025-07-22
-
Font Awesome Pro+ icons are now available with an active Pro+ subscription.
-
Pro Lite users with uploaded icons in their kits will no longer see the SVG data. This update reflects the intended behavior, as that access was never meant to be included with the Pro Lite plan.
0.8.0 - 2025-02-14
-
The
IconChooserResultobject emitted by the icon chooser's selection event may now include not only anIconLookup(thenameandprefixof an icon in a particular familyStyle), but also an entireIconDefinition(including the SVG path data). This allows for embedding SVG icons directly in content.Font Awesome Pro icons are subject to the terms of the Font Awesome Pro license. This license is restricted for some plan types, such as Pro Lite. At the time of this release, the Pro Lite plan license does not permit embedding of Pro SVGs, except by the official Font Awesome WordPress plugin. See the plans page and support page for details.
The
fa-icon-chooserqueries the Font Awesome GraphQL API to determine whether the current user has permissions to embed Pro SVGs. If not, then theIconChooserResultwill include only theIconLookupobject, not the fullIconDefinitionobject.Thus, a developer using this
fa-icon-chooserneed not write any business logic according to the current user's Font Awesome plan type. However, the developer should take care to handle either case in its UI. Do not assume that theIconDefinitionis always present in theIconChooserResultobject.Consider showing the user a message like: "Your current Font Awesome plan does not allow embedding SVG icons. You can upgrade to enable this feature."
-
The
QueryHandlertype of thehandleQuery()callback function now takes an optional third argument:options. Thatoptionsobject now has a single optional property:cache. Whencacheistrue, the results of thehandleQuery()function may be cached, and a cached result may be returned instead of a new query being sent to the GraphQL API. This allows the kit metadata query to be cached. A kit's metadata rarely changes, but it must be provided each time the icon chooser is mounted. Hence caching it allows for much quicker re-opening of the icon chooser after the first time it's opened.This
cacheoption is not used when searching icons, only when loading the kit's metadata.
- This release includes a major upgrade of
@stencil/core, the library used to build this web component package. The new version of StencilJS requires a minimum version of React >= 17. So thefa-icon-chooser-reactpackage in this repo now requires React >= 17.
0.7.0 - 2024-06-05
-
Family and style selection are now based on drop down selections, and the available values are retrieved from the GraphQL API. This removes the hardcoding of familyStyles and lets the icon chooser work with all available familyStyles for the active version of Font Awesome.
-
Several slots for messages to indicate the unavailability of certain familyStyles have been removed. They are no longer used, now that the UI only includes in the drop down selectors available familyStyle combinations for the active version of Font Awesome.
The following slots have been removed:
light-requires-prothin-requires-produotone-requires-prosharp-solid-requires-prosharp-regular-requires-prosharp-light-requires-prouploaded-requires-prosharp-solid-style-filter-sr-messagesharp-regular-style-filter-sr-messagesharp-light-style-filter-sr-messagesolid-style-filter-sr-messageregular-style-filter-sr-messagelight-style-filter-sr-messagethin-style-filter-sr-messageduotone-style-filter-sr-messagebrands-style-filter-sr-messageuploaded-style-filter-sr-message
-
The
QueryHandlertype now takes a second optional argument for variables. (See also Breaking Changes)o
- Duotone custom icons in kits now work correctly.
-
The icon chooser's queries now use variables, instead of interpolating all values into a single query document string. Thus, any
QueryHandlercallback must be updated to handle the query variables.Its type signature is now:
export type QueryHandler = ( document: string, variables?: object ) => Promise<any>;
Suggestion:
async function handleQuery(query, variables) { const headers = buildHeaders(); const url = getApiUrl(); const body = JSON.stringify({ query, variables }); return fetch(url, { method: "POST", headers, body, }); }
0.6.0 - 2023-07-12
- Enable React 18 as peer dependency for fa-icon-chooser-react
- No changes to the fa-icon-chooser base package
0.5.0 - 2023-04-12
- Support for Sharp Regular and Sharp Light
0.4.1 - 2022-08-31
- Fixed the version of fa-icon-chooser on which fa-icon-chooser-react depends.
0.4.0 - 2022-08-31
- Support for Sharp Solid.
0.3.0 - 2022-01-26
-
Updated depedencies, especially StencilJS and peerDependencies to allow for React 17.
-
Fixed duotone SVG handling. They were rendering correctly, but internally were being handled incorrectly.
-
Changed one of the default search result icons.
0.1.0 - 2021-07-14
- Initial version