@diagrammo/dgmo 0.51.0 → 0.52.0

package/dist/{chunk-GD6L76WD.js → chunk-JRCOYRRH.js}

@@ -1,6 +1,6 @@
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getFigure,
   getPartGeom,
@@ -11,13 +11,14 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   getSeriesColors,
-  mix
-} from "./chunk-P6T66CCZ.js";
+  mix,
+  themeBaseBg
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -51,7 +52,7 @@ function sideCenter(centers, side, view) {
     (best, c) => wantScreenRight ? c.x > best.x ? c : best : c.x < best.x ? c : best
   );
 }
-function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, defs) {
+function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, isDark, fillMode, defs) {
   const [vx, vy, vw, vh] = fig.viewBox.split(" ").map(Number);
   const muscleFill = mix(palette.bg, palette.border, 0.7);
   const seam = palette.bg;
@@ -99,7 +100,16 @@ function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, d
       );
       if (sidePaths.length) paths = sidePaths;
     }
-    if (form === "skin") {
+    if (fillMode === "solid") {
+      for (const d of paths) {
+        out += `<path${dataLine} d="${d}" fill="${color}" stroke="${color}" stroke-width="1.5"/>`;
+      }
+    } else if (fillMode === "outline") {
+      const baseBg = themeBaseBg(palette, isDark);
+      for (const d of paths) {
+        out += `<path${dataLine} d="${d}" fill="${baseBg}" stroke="${color}" stroke-width="2.5"/>`;
+      }
+    } else if (form === "skin") {
       for (const d of paths) {
         out += `<path${dataLine} d="${d}" fill="${color}" fill-opacity="0.5" stroke="${color}" stroke-width="1.5"/>`;
       }
@@ -186,6 +196,8 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
       emphKey,
       parsed.options.form,
       palette,
+      _isDark,
+      parsed.options.fillMode,
       defs
     )
   );
@@ -322,4 +334,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-GD6L76WD.js.map
+//# sourceMappingURL=chunk-JRCOYRRH.js.map

package/dist/{chunk-G3PF3S7P.js → chunk-K2I2XOZD.js}

@@ -16,10 +16,10 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   formatDateLabel
-} from "./chunk-B63YB7X3.js";
+} from "./chunk-7KINELPI.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -38,11 +38,11 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -163,7 +163,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       const event = slot.event;
       const solid2 = eventColor(event);
       const cardFill2 = shapeFill(palette, solid2, isDark, {
-        solid: parsed.options.solidFill
+        mode: parsed.options.fillMode
       });
       const titleColor2 = contrastText(
         cardFill2,
@@ -533,11 +533,11 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       cardG.append("clipPath").attr("id", clipId).append("rect").attr("x", 0).attr("y", shelfTop).attr("width", CARD_W).attr("height", shelfH).attr("rx", SHELF_EDGE);
       cardG.append("rect").attr("x", 0).attr("y", shelfTop).attr("width", CARD_W).attr("height", shelfH).attr("clip-path", `url(#${clipId})`).attr(
         "fill",
-        parsed.options.solidFill ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
+        parsed.options.fillMode ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
       );
       const edgeY = titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_EDGE;
       cardG.append("rect").attr("x", 0).attr("y", edgeY).attr("width", CARD_W).attr("height", SHELF_EDGE).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
-      const shelfText = parsed.options.solidFill ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
+      const shelfText = parsed.options.fillMode ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
       const titleMid = headBandTop + p.headerH / 2;
       const titleTop = titleMid - (p.titleLines.length - 1) * TITLE_LINE_H / 2;
       for (let ti = 0; ti < p.titleLines.length; ti++) {
@@ -549,7 +549,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
           (titleNearTop ? p.headerH : headBandTop - dateH) + DATE_SUBTITLE_FONT + 2
         ).attr(
           "fill",
-          parsed.options.solidFill ? mix(shelfText, p.color, 25) : mix(palette.text, palette.bg, 55)
+          parsed.options.fillMode ? mix(shelfText, p.color, 25) : mix(palette.text, palette.bg, 55)
         ).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", 600).text(dateStr);
       }
       if (p.lines.length > 0) {
@@ -982,4 +982,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-G3PF3S7P.js.map
+//# sourceMappingURL=chunk-K2I2XOZD.js.map

package/dist/{chunk-5PDTIBLV.js → chunk-K4EOKJA6.js}

@@ -7,7 +7,7 @@ import {
 import {
   parseDateToken,
   toInternal
-} from "./chunk-RBDIYLA5.js";
+} from "./chunk-DAOFNU6J.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -17,7 +17,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -28,7 +28,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   emit,
   makeDgmoError,
@@ -138,7 +138,9 @@ var DIRECTIVE_KEYS = /* @__PURE__ */ new Set([
   "start-date",
   "end-date",
   "no-title",
-  "solid-fill",
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
   "sprint-length",
   "sprint-number",
   "sprint-start",
@@ -982,8 +984,16 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
       options.noTitle = true;
       return;
     }
-    case "solid-fill": {
-      options.solidFill = true;
+    case "fill-solid": {
+      options.fillMode = "solid";
+      return;
+    }
+    case "fill-outline": {
+      options.fillMode = "outline";
+      return;
+    }
+    case "fill-tint": {
+      delete options.fillMode;
       return;
     }
     case "active-tag": {
@@ -1214,4 +1224,4 @@ export {
   extractPertSymbols,
   looksLikePert
 };
-//# sourceMappingURL=chunk-5PDTIBLV.js.map
+//# sourceMappingURL=chunk-K4EOKJA6.js.map

package/dist/{chunk-5SVOCD5W.js → chunk-KGVZ5VGH.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-YAA6IID3.js";
@@ -37,11 +37,14 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -88,7 +91,7 @@ function baseColor(node, parsed, palette, activeTagGroup) {
 function renderFamilyForExport(container, parsed, layout, palette, isDark, opts = {}) {
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const activeTagGroup = opts.activeTagGroup ?? null;
-  const solid = parsed.options["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsed.options);
   const noDaggers = parsed.options["no-daggers"] === "true";
   const baseBg = themeBaseBg(palette, isDark);
   const PAD = 20;
@@ -202,7 +205,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
   for (const node of layout.nodes) {
     const isPh = !!node.placeholder;
     const base = baseColor(node, parsed, palette, activeTagGroup);
-    const fill = isPh ? mix(palette.textMuted, baseBg, 6) : shapeFill(palette, base, isDark, { solid });
+    const fill = isPh ? mix(palette.textMuted, baseBg, 6) : shapeFill(palette, base, isDark, { mode: fillMode });
     const stroke = isPh ? palette.textMuted : base;
     const labelColor = isPh ? palette.textMuted : contrastText(fill, palette.textOnFillLight, palette.textOnFillDark);
     const g = cardsG.append("g").attr("class", "family-card").attr("transform", `translate(${node.x}, ${node.y})`).attr("data-line-number", String(node.lineNumber)).attr("data-person-id", node.id);
@@ -223,7 +226,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
     focusG.append("circle").attr("cx", fx).attr("cy", fy).attr("r", 1.6).attr("fill", labelColor);
     const rows = familyCardRows(node);
     if (rows.length === 0) continue;
-    g.append("line").attr("x1", 0).attr("y1", HEADER_HEIGHT).attr("x2", node.width).attr("y2", HEADER_HEIGHT).attr("stroke", solid ? labelColor : stroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
+    g.append("line").attr("x1", 0).attr("y1", HEADER_HEIGHT).attr("x2", node.width).attr("y2", HEADER_HEIGHT).attr("stroke", fillMode === "solid" ? labelColor : stroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
     const maxKeyWidth = Math.max(
       0,
       ...rows.filter((r) => !r.year).map((r) => measureText(`${r.key}: `, META_FONT_SIZE))
@@ -270,4 +273,4 @@ export {
   renderFamilyForExport,
   renderFamily
 };
-//# sourceMappingURL=chunk-5SVOCD5W.js.map
+//# sourceMappingURL=chunk-KGVZ5VGH.js.map

package/dist/{chunk-QHI5XVUJ.js → chunk-LBMS4AW6.js}

@@ -4,7 +4,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-NEQ6GJXB.js";
+} from "./chunk-ONU3U4GL.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -34,7 +34,7 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parseC4
-} from "./chunk-3LV2NCB6.js";
+} from "./chunk-BPY242XU.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -42,10 +42,13 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -87,11 +90,9 @@ function typeColor(type, palette, nodeColor) {
       return palette.colors.teal;
   }
 }
-function nodeFill(palette, isDark, type, nodeColor, solid) {
+function nodeFill(palette, isDark, type, nodeColor, fillMode) {
   const color = typeColor(type, palette, nodeColor);
-  return shapeFill(palette, color, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+  return shapeFill(palette, color, isDark, { mode: fillMode });
 }
 function nodeStroke(palette, type, nodeColor) {
   return typeColor(type, palette, nodeColor);
@@ -229,8 +230,8 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
     }
     const w = node.width;
     const h = node.height;
-    const solid = parsed.options["solid-fill"] === "on";
-    const fill = nodeFill(palette, isDark, node.type, node.color, solid);
+    const fillMode = fillModeFromOptions(parsed.options);
+    const fill = nodeFill(palette, isDark, node.type, node.color, fillMode);
     const stroke = nodeStroke(palette, node.type, node.color);
     const onFillText = contrastText(
       fill,
@@ -259,7 +260,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       nodeG.append("text").attr("x", 0).attr("y", yPos + NAME_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", NAME_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     }
     yPos += NAME_HEIGHT;
-    nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+    nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
     yPos += DIVIDER_GAP;
     if (node.description) {
       const contentWidth = w - CARD_H_PAD * 2;
@@ -282,7 +283,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
     if (node.drillable) {
       const clipId = `clip-drill-${node.id.replace(/\s+/g, "-")}`;
       nodeG.append("clipPath").attr("id", clipId).append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", CARD_RADIUS);
-      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", solid ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
+      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", fillMode === "solid" ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
     }
   }
   if (hasLegend) {
@@ -791,8 +792,8 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     }
     const w = node.width;
     const h = node.height;
-    const solid = parsed.options["solid-fill"] === "on";
-    const fill = nodeFill(palette, isDark, node.type, node.color, solid);
+    const fillMode = fillModeFromOptions(parsed.options);
+    const fill = nodeFill(palette, isDark, node.type, node.color, fillMode);
     const stroke = nodeStroke(palette, node.type, node.color);
     const onFillText = contrastText(
       fill,
@@ -860,7 +861,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       }
       const metaEntries = collectCardMetadata(node.metadata);
       if (metaEntries.length > 0) {
-        nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+        nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
         yPos += DIVIDER_GAP;
         const maxKeyWidth = Math.max(
           ...metaEntries.map((e) => measureText(`${e.key}: `, META_FONT_SIZE))
@@ -873,7 +874,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
         }
       }
     } else {
-      nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+      nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
       yPos += DIVIDER_GAP;
       if (node.description) {
         const contentWidth = w - CARD_H_PAD * 2;
@@ -897,7 +898,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     if (node.drillable) {
       const clipId = `clip-drill-${node.id.replace(/\s+/g, "-")}`;
       nodeG.append("clipPath").attr("id", clipId).append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", CARD_RADIUS);
-      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", solid ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
+      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", fillMode === "solid" ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
     }
   }
   if (hasLegend) {
@@ -1035,4 +1036,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-QHI5XVUJ.js.map
+//# sourceMappingURL=chunk-LBMS4AW6.js.map

package/dist/{chunk-FTBZV6NE.js → chunk-LGT3PZCJ.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,
@@ -43,7 +43,7 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parsePert
-} from "./chunk-5PDTIBLV.js";
+} from "./chunk-K4EOKJA6.js";
 import {
   addCalendarDays,
   formatDuration,
@@ -56,11 +56,11 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/pert/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -506,7 +506,10 @@ function paintAnalysisRowMode(svg, resolved, palette, isDark, state, captionBull
       isDark
     };
     if (w.kind === "tornado") {
-      renderTornadoBlock(svg, state.tornadoRows, args);
+      renderTornadoBlock(svg, state.tornadoRows, {
+        ...args,
+        fillMode: resolved.options.fillMode
+      });
     } else {
       const scurveTitle = !state.summaryRendered && captionBullets.length > 0 ? (
         // In-bounds by length check.
@@ -625,7 +628,10 @@ function paintAnalysisStackMode(svg, resolved, palette, isDark, state, captionBu
       };
       switch (item.kind) {
         case "tornado":
-          renderTornadoBlock(svg, state.tornadoRows, args);
+          renderTornadoBlock(svg, state.tornadoRows, {
+            ...args,
+            fillMode: resolved.options.fillMode
+          });
           break;
         case "scurve": {
           const scurveTitle = !state.summaryRendered && captionBullets.length > 0 ? (
@@ -731,7 +737,7 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
   if (layout.groups.length === 0) return;
   const layer = root.append("g").attr("class", "pert-groups");
   const unit = resolved.options.timeUnit;
-  const solid = resolved.options.solidFill === true;
+  const fillMode = resolved.options.fillMode;
   const containerFill = mix(palette.surface, palette.bg, 40);
   const containerStroke = palette.textMuted;
   const mcOn = resolved.monteCarloResult !== null;
@@ -784,7 +790,9 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
         "?"
       );
       const cardBaseColor = bandColor(memberBand, palette, palette.primary);
-      const cardFill = shapeFill(palette, cardBaseColor, isDark, { solid });
+      const cardFill = shapeFill(palette, cardBaseColor, isDark, {
+        mode: fillMode
+      });
       const cardLabelColor = contrastText(
         cardFill,
         palette.textOnFillLight,
@@ -912,7 +920,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
   const unit = resolved.options.timeUnit;
   const sprintMode = resolved.options.sprintMode;
   const sprintNumber = resolved.options.sprintNumber ?? 1;
-  const solid = resolved.options.solidFill === true;
+  const fillMode = resolved.options.fillMode;
   const activeTagGroup = resolveActiveTagGroup(
     resolved.tagGroups,
     resolved.options.activeTag,
@@ -967,7 +975,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
       );
     }
     const baseColor = bandColor(band, palette, palette.primary);
-    const fill = shapeFill(palette, baseColor, isDark, { solid });
+    const fill = shapeFill(palette, baseColor, isDark, { mode: fillMode });
     const labelColor = contrastText(
       fill,
       palette.textOnFillLight,
@@ -979,7 +987,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
       activeTagGroup
     );
     const hasTagColor = tagColor !== void 0 && tagColor !== "#999999";
-    const tagBandFill = hasTagColor ? shapeFill(palette, tagColor, isDark, { solid }) : void 0;
+    const tagBandFill = hasTagColor ? shapeFill(palette, tagColor, isDark, { mode: fillMode }) : void 0;
     const tagLabelColor = hasTagColor ? contrastText(
       tagBandFill,
       palette.textOnFillLight,
@@ -1435,7 +1443,7 @@ function tornadoBoxHeightFor(rows) {
   return rows.length * TORNADO_ROW_HEIGHT + 2 * CAPTION_BOX_PADDING_Y + CAPTION_HEADER_BAND_HEIGHT;
 }
 function renderTornadoBlock(svg, rows, args) {
-  const { x, y, width, height, palette, isDark } = args;
+  const { x, y, width, height, palette, isDark, fillMode } = args;
   const { fill, stroke: chromeStroke } = analysisBlockChrome(palette, isDark);
   const labelColor = contrastText(
     fill,
@@ -1478,7 +1486,7 @@ function renderTornadoBlock(svg, rows, args) {
     const rowY = firstRowY + i * TORNADO_ROW_HEIGHT;
     const labelY = rowY + TORNADO_ROW_HEIGHT / 2 + TORNADO_BAR_FONT_SIZE / 2 - 2;
     const barColor = bandColor(row.band, palette, palette.primary);
-    const barFill = shapeFill(palette, barColor, isDark);
+    const barFill = fillMode === "outline" ? shapeFill(palette, barColor, isDark, { mode: "outline" }) : shapeFill(palette, barColor, isDark);
     const lowW = row.lowSwing * pixelsPerUnit;
     const highW = row.highSwing * pixelsPerUnit;
     const rowG = block.append("g").attr("class", "pert-tornado-row").attr("data-activity-id", row.id).attr("data-tornado-swing", String(row.lowSwing + row.highSwing));
@@ -1815,4 +1823,4 @@ export {
   measurePertAnalysisBlock,
   renderPertAnalysisBlock
 };
-//# sourceMappingURL=chunk-FTBZV6NE.js.map
+//# sourceMappingURL=chunk-LGT3PZCJ.js.map

package/dist/{chunk-E7Y3SYKW.js → chunk-LTXOLDUZ.js}

@@ -4,12 +4,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
+  FILL_FAMILY_TOKENS,
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   emit
 } from "./chunk-CXK4DZH3.js";
@@ -296,8 +297,10 @@ function parseSwimlane(content, palette) {
       continue;
     }
     if (indent === 0) currentTagGroup = null;
-    if (indent === 0 && /^solid-fill\s*$/i.test(trimmed)) {
-      options["solid-fill"] = "on";
+    if (indent === 0 && FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) {
+      for (const t of FILL_FAMILY_TOKENS) delete options[t];
+      if (trimmed.toLowerCase() !== "fill-tint")
+        options[trimmed.toLowerCase()] = "on";
       continue;
     }
     if (indent === 0 && /^direction\s+/i.test(trimmed)) {
@@ -523,7 +526,7 @@ function parseSwimlane(content, palette) {
     if (!trimmed) continue;
     const indent = measureIndent(raw);
     if (indent === 0 && /^direction\s+/i.test(trimmed)) continue;
-    if (indent === 0 && /^solid-fill\s*$/i.test(trimmed)) continue;
+    if (indent === 0 && FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) continue;
     if (matchTagBlockHeading(trimmed) && indent === 0) {
       inTagBlock = true;
       continue;
@@ -682,4 +685,4 @@ export {
   SWIMLANE_DIAGNOSTICS,
   parseSwimlane
 };
-//# sourceMappingURL=chunk-E7Y3SYKW.js.map
+//# sourceMappingURL=chunk-LTXOLDUZ.js.map

package/dist/{chunk-GTWKD3QT.js → chunk-MUE65OTD.js}

@@ -1,9 +1,10 @@
 import {
   extractColor,
+  fillModeFromOptions,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError,
   makeFail
@@ -19,7 +20,7 @@ function parseGoal(content, palette) {
   const options = {
     noPercent: false,
     noValue: false,
-    solidFill: false,
+    fillMode: void 0,
     noTitle: false,
     noAutoColor: false,
     noNote: false
@@ -113,7 +114,7 @@ function parseGoal(content, palette) {
       continue;
     }
     if (tryParseSharedOption(trimmed, sharedOpts)) {
-      if (sharedOpts["solid-fill"] === "on") options.solidFill = true;
+      options.fillMode = fillModeFromOptions(sharedOpts);
       if (sharedOpts["no-title"] === "on") options.noTitle = true;
       continue;
     }
@@ -155,4 +156,4 @@ function parseGoal(content, palette) {
 export {
   parseGoal
 };
-//# sourceMappingURL=chunk-GTWKD3QT.js.map
+//# sourceMappingURL=chunk-MUE65OTD.js.map

package/dist/{chunk-TRM2J7ZN.js → chunk-MUVJ57EP.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-YAA6IID3.js";
@@ -49,7 +49,7 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parseInfra
-} from "./chunk-MVN25IF6.js";
+} from "./chunk-IM6PDDCE.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -57,10 +57,10 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -813,10 +813,10 @@ function worstNodeSeverity(node, slo) {
   }
   return worst;
 }
-function nodeColor(_node, palette, isDark, severity, solid) {
+function nodeColor(_node, palette, isDark, severity, fillMode) {
   if (severity === "overloaded") {
     const fill = shapeFill(palette, COLOR_OVERLOADED, isDark, {
-      ...solid !== void 0 && { solid }
+      mode: fillMode
     });
     return {
       fill,
@@ -829,9 +829,7 @@ function nodeColor(_node, palette, isDark, severity, solid) {
     };
   }
   if (severity === "warning") {
-    const fill = shapeFill(palette, COLOR_WARNING, isDark, {
-      ...solid !== void 0 && { solid }
-    });
+    const fill = shapeFill(palette, COLOR_WARNING, isDark, { mode: fillMode });
     return {
       fill,
       stroke: COLOR_WARNING,
@@ -843,9 +841,7 @@ function nodeColor(_node, palette, isDark, severity, solid) {
     };
   }
   if (severity === "healthy") {
-    const fill = shapeFill(palette, COLOR_HEALTHY, isDark, {
-      ...solid !== void 0 && { solid }
-    });
+    const fill = shapeFill(palette, COLOR_HEALTHY, isDark, { mode: fillMode });
     return {
       fill,
       stroke: COLOR_HEALTHY,
@@ -970,7 +966,7 @@ function renderNodes(svg, nodes, palette, isDark, animate, expandedNodeIds, acti
   for (const node of nodes) {
     const slo = !node.isEdge && diagramOptions ? resolveNodeSlo(node, diagramOptions) : null;
     const severity = worstNodeSeverity(node, slo);
-    const nodeColors = nodeColor(node, palette, isDark, severity, false);
+    const nodeColors = nodeColor(node, palette, isDark, severity, void 0);
     const textFill = nodeColors.textFill;
     let { fill, stroke } = nodeColors;
     if (activeGroup && tagGroups && !node.isEdge) {
@@ -1561,4 +1557,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-TRM2J7ZN.js.map
+//# sourceMappingURL=chunk-MUVJ57EP.js.map