fix currentColor in Vue and Svelte package (#1057)

tabler · Mar 14, 2024 · 9f124f4 · 9f124f4
1 parent 4bd5545
commit 9f124f4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/icons-solidjs/src/createSolidComponent.ts b/packages/icons-solidjs/src/createSolidComponent.ts
@@ -19,10 +19,10 @@ const createSolidComponent = (
       height: () => (localProps.size != null ? localProps.size : attributes.height),
       ...(type === 'filled'
         ? {
-            fill: () => (localProps.color != null ? localProps.color : attributes.stroke),
+            fill: () => (localProps.color != null ? localProps.color : 'currentColor'),
           }
         : {
-            stroke: () => (localProps.color != null ? localProps.color : attributes.stroke),
+            stroke: () => (localProps.color != null ? localProps.color : 'currentColor'),
             'stroke-width': () =>
               localProps.stroke != null ? localProps.stroke : attributes['stroke-width'],
           }),

diff --git a/packages/icons-vue/src/createVueComponent.ts b/packages/icons-vue/src/createVueComponent.ts
@@ -9,7 +9,7 @@ const createVueComponent =
     iconNamePascal: string,
     iconNode: IconNode,
   ): Icon =>
-  ({ size, color, class: classes, stroke, ...rest }: IconProps, { attrs, slots }) => {
+  ({ size, color = 'currentColor', class: classes, stroke, ...rest }: IconProps, { attrs, slots }) => {
     return h(
       'svg',
       {