🐛 Change <tex>t tag to <g> to allow better customization

Author: joao-m-santos

packages/lib/src/components/groups/lume-alluvial-group/components/lume-alluvial-node-label/lume-alluvial-node-label.vue

@@ -1,7 +1,7 @@
 <template>
-  <tspan class="lume-alluvial-group__node-label">
+  <text class="lume-alluvial-group__node-label">
     <slot />
-  </tspan>
+  </text>
 </template>
 
 <style lang="scss" scoped>

packages/lib/src/components/groups/lume-alluvial-group/components/lume-alluvial-node-value/lume-alluvial-node-value.vue

@@ -1,11 +1,11 @@
 <template>
-  <tspan
+  <text
     class="lume-alluvial-group__node-value"
     x="0"
     dy="1.2em"
   >
     <slot />
-  </tspan>
+  </text>
 </template>
 
 <style lang="scss" scoped>

packages/lib/src/components/groups/lume-alluvial-group/lume-alluvial-group.vue

@@ -123,7 +123,7 @@
           :height="block.height"
           :width="block.width"
         />
-        <text
+        <g
           ref="nodeTextRefs"
           class="lume-alluvial-group__node-text lume-typography--caption"
           :class="{
@@ -154,7 +154,7 @@
               }}
             </lume-alluvial-node-value>
           </slot>
-        </text>
+        </g>
       </g>
     </g>
   </g>