From b6591cec2d89c4303c13e45cc82412da62dc7d7f Mon Sep 17 00:00:00 2001
From: BG-Software <73077398+BG-Software-BG@users.noreply.github.com>
Date: Thu, 13 Jun 2024 22:10:57 +0200
Subject: [PATCH] Add <title> to <svg> in SolidJS (#1156)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds <title> child tag & title property in built package, but still doesn't show it on hover.

Co-authored-by: Bartłomiej Gawęda <bgaweda@abis.krakow.pl>
---
 packages/icons-solidjs/src/createSolidComponent.ts | 9 +++++++--
 packages/icons-solidjs/src/types.ts                | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/icons-solidjs/src/createSolidComponent.ts b/packages/icons-solidjs/src/createSolidComponent.ts
index 2c64966e8..93a483298 100644
--- a/packages/icons-solidjs/src/createSolidComponent.ts
+++ b/packages/icons-solidjs/src/createSolidComponent.ts
@@ -10,13 +10,14 @@ const createSolidComponent = (
   iconNode: IconNode,
 ) => {
   const Component = (props: IconProps) => {
-    const [localProps, rest] = splitProps(props, ['color', 'size', 'stroke', 'children', 'class']),
+    const [localProps, rest] = splitProps(props, ['color', 'size', 'stroke', 'title', 'children', 'class']),
       attributes = defaultAttributes[type];
 
     const svgProps = {
       ...attributes,
       width: () => (localProps.size != null ? localProps.size : attributes.width),
       height: () => (localProps.size != null ? localProps.size : attributes.height),
+      title: () => localProps.title != null ? localProps.title : undefined,
       ...(type === 'filled'
         ? {
             fill: () => (localProps.color != null ? localProps.color : 'currentColor'),
@@ -33,7 +34,11 @@ const createSolidComponent = (
     return h(
       'svg',
       [svgProps, rest],
-      [...iconNode.map(([tag, attrs]) => h(tag, attrs)), localProps.children],
+      [
+        localProps.title && h('title', {}, localProps.title),
+        ...iconNode.map(([tag, attrs]) => h(tag, attrs)),
+        localProps.children
+      ],
     );
   };
 
diff --git a/packages/icons-solidjs/src/types.ts b/packages/icons-solidjs/src/types.ts
index 99f3b2087..9766c1b0e 100644
--- a/packages/icons-solidjs/src/types.ts
+++ b/packages/icons-solidjs/src/types.ts
@@ -8,5 +8,6 @@ export interface IconProps extends SVGAttributes {
   color?: string;
   size?: string | number;
   strokeWidth?: string | number;
+  title?: string;
   class?: string;
 }