feat(tooltip-icon): add icon prop

This allows consumers to pass a Carbon icon as a prop instead of using the default slot.

docs/src/COMPONENT_API.json

@@ -11365,6 +11365,15 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "icon",
+          "kind": "let",
+          "description": "Specify the icon from `carbon-icons-svelte` to render",
+          "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "align",
           "kind": "let",
@@ -11407,7 +11416,12 @@
         }
       ],
       "slots": [
-        { "name": "__default__", "default": true, "slot_props": "{}" },
+        {
+          "name": "__default__",
+          "default": true,
+          "fallback": "<svelte:component this=\"{icon}\" />",
+          "slot_props": "{}"
+        },
         {
           "name": "tooltipText",
           "default": false,

docs/src/pages/components/TooltipIcon.svx

@@ -7,22 +7,19 @@
 
 ### Default ("bottom" direction, "center" aligned)
 
-<TooltipIcon tooltipText="Carbon is an open source design system by IBM.">
-  <Carbon24 />
-</TooltipIcon>
+<TooltipIcon tooltipText="Carbon is an open source design system by IBM." icon={Carbon24} />
 
 ### Directions
 
-<TooltipIcon tooltipText="Top start" direction="top" align="start"><Filter20 /></TooltipIcon>
-<TooltipIcon tooltipText="Right end" direction="right" align="end"><Filter20 /></TooltipIcon>
-<TooltipIcon tooltipText="Bottom start" direction="bottom" align="start"><Filter20 /></TooltipIcon>
-<TooltipIcon tooltipText="Left start" direction="left" align="start"><Filter20 /></TooltipIcon>
+<TooltipIcon tooltipText="Top start" direction="top" align="start" icon={Filter20} />
+<TooltipIcon tooltipText="Right end" direction="right" align="end" icon={Filter20} />
+<TooltipIcon tooltipText="Bottom start" direction="bottom" align="start" icon={Filter20} />
+<TooltipIcon tooltipText="Left start" direction="left" align="start" icon={Filter20} />
 
 ### Custom tooltip text
 
 Use the "text" slot to customize the tooltip text.
 
-<TooltipIcon>
+<TooltipIcon icon={Carbon24}>
   <span slot="tooltipText" style="color: red">Carbon is an open source design system by IBM.</span>
-  <Carbon24 />
 </TooltipIcon>