From b5748709eac5a6aebb852476d886b3d8e31c0b1e Mon Sep 17 00:00:00 2001 From: dominicmacaulay Date: Thu, 13 Feb 2025 10:50:14 -0500 Subject: [PATCH 1/2] fix icon paths in the addon mdx --- src/stories/Overview/Addons.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/stories/Overview/Addons.mdx b/src/stories/Overview/Addons.mdx index af66741f..7808d63e 100644 --- a/src/stories/Overview/Addons.mdx +++ b/src/stories/Overview/Addons.mdx @@ -47,13 +47,13 @@ For more information on how to use these icons, see the [Icon Component](?path=/ @import '@rolemodel/optics/dist/css/addons/fonts/phosphor_icons'; /* Tabler Icons */ -@import '@rolemodel/optics/dist/css/addons/fonts/tabler'; +@import '@rolemodel/optics/dist/css/addons/fonts/tabler_icons'; /* Feather Icons */ -@import '@rolemodel/optics/dist/css/addons/fonts/feather'; +@import '@rolemodel/optics/dist/css/addons/fonts/feather_icons'; /* Lucide Icons (a fork of feather with more icons) */ -@import '@rolemodel/optics/dist/css/addons/fonts/lucide'; +@import '@rolemodel/optics/dist/css/addons/fonts/lucide_icons'; ``` ## Tom Select From c26829ef44dce86f2d511e672aa22b3083adaa35 Mon Sep 17 00:00:00 2001 From: dominicmacaulay Date: Thu, 13 Feb 2025 10:54:48 -0500 Subject: [PATCH 2/2] Update feather/lucide descriptions --- src/stories/Components/Icon/Icon.mdx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/stories/Components/Icon/Icon.mdx b/src/stories/Components/Icon/Icon.mdx index 1dfa3017..17458e65 100644 --- a/src/stories/Components/Icon/Icon.mdx +++ b/src/stories/Components/Icon/Icon.mdx @@ -126,12 +126,13 @@ The size modifiers can be used with Feather Icons. ``` -Note: Feather Icons do not support the use of filled, weight, or emphasis variations. +Note: Feather Icons do not support the use of filled, weight, or emphasis variations. The Feather Icon CDN does not include all of the Feather Icons. +If you want access to the broader range of Feather Icons, consider using Lucide Icons instead. However, if your needs are not as extensive or you are looking for a smaller icon pack, Feather Icons may be a better choice. ### Lucide Icons Lucide Icons are a fork of Feather Icons with more icons. If you don't need all the icons that Lucide provides, -you can use the Feather Icons for a smaller icon pack instead. +you can use the Feather Icons for a smaller icon pack instead. It is important to note that Feather Icons are less supported and not all of the listed icons are available. [Lucide Icons](https://lucide.dev/icons/) can be created with the `` tag and uses the `.li` prefix with `.li-{name}` to define a specific icon.