@weasel-js/svg 1.4.1 → 1.4.3

package/dist/index.d.ts

@@ -166,8 +166,11 @@ interface SvgTextNode {
      * in `data.fill` / `data.stroke`. Not `SvgPaint`, which is the path
      * nodes' shape — a text paint reaches the renderer through the runs, and
      * `StyledRun.fill` / `.stroke` override these per range.
+     *
+     * `null` is SVG's `fill="none"`: outline-only text, painted by its stroke
+     * alone. Absent takes the default black.
      */
-    fill?: FillStyle;
+    fill?: FillStyle | null;
     stroke?: Stroke;
     /** Element-level opacity (`opacity="..."`), 0..1. */
     opacity?: number;

package/dist/index.js

@@ -1297,7 +1297,7 @@ function parseTextElement(el, ctm, style, gradients, onWarn) {
   );
   if (hasStyling) node.runs = runs;
   if (Object.keys(textStyle).length > 0) node.style = textStyle;
-  if (textPaint.fill != null) node.fill = textPaint.fill;
+  if (textPaint.fill !== void 0) node.fill = textPaint.fill;
   if (textPaint.stroke != null) node.stroke = textPaint.stroke;
   if (opacity != null) node.opacity = opacity;
   if (!isIdentity(localTransform)) {
@@ -1404,6 +1404,8 @@ function readTextPaint(style, gradients, onWarn) {
     } else if (parsed?.kind === "ref") {
       const paint = gradients.get(parsed.id);
       if (paint) out.fill = paint;
+    } else if (parsed?.kind === "none") {
+      out.fill = null;
     }
   }
   const stroke = coreStroke(readStroke(style, gradients, onWarn));
@@ -1607,17 +1609,18 @@ function paintAttrs(paint, name, registry, includeOpacity = true) {
   return [`${name}="url(#${id})"`];
 }
 function coreStrokeAttrs(stroke, registry) {
-  if (!stroke) return [];
+  const paint = stroke?.paint;
+  if (!stroke || !paint) return [];
   const width = resolveStrokeWidth(stroke.width ?? 1, 1);
   if (!(width > 0)) return [];
   const attrs = [];
-  if ("color" in stroke.paint) {
-    attrs.push(`stroke="${stroke.paint.color}"`);
-    if (stroke.paint.opacity != null && stroke.paint.opacity !== 1) {
-      attrs.push(`stroke-opacity="${trimNumber(stroke.paint.opacity)}"`);
+  if ("color" in paint) {
+    attrs.push(`stroke="${paint.color}"`);
+    if (paint.opacity != null && paint.opacity !== 1) {
+      attrs.push(`stroke-opacity="${trimNumber(paint.opacity)}"`);
     }
   } else {
-    attrs.push(`stroke="url(#${registry.register(stroke.paint)})"`);
+    attrs.push(`stroke="url(#${registry.register(paint)})"`);
   }
   attrs.push(`stroke-width="${trimNumber(width)}"`);
   if (stroke.cap) attrs.push(`stroke-linecap="${stroke.cap}"`);
@@ -1735,7 +1738,9 @@ function textXml(node, registry, namespaces) {
   }
   const decoration = textDecorationValue(style?.underline, style?.strikethrough, style?.overline);
   if (decoration) attrs.push(`text-decoration="${decoration}"`);
-  if (node.fill) {
+  if (node.fill === null) {
+    attrs.push('fill="none"');
+  } else if (node.fill) {
     if ("color" in node.fill) {
       attrs.push(`fill="${node.fill.color}"`);
       if (node.fill.opacity != null && node.fill.opacity !== 1) {