adding fill property in font-style

apache · Dec 17, 2024 · 10e2fe3 · 10e2fe3
1 parent 8c71b02
commit 10e2fe3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/dmn-editor/src/diagram/nodes/NodeStyle.ts b/packages/dmn-editor/src/diagram/nodes/NodeStyle.ts
@@ -43,6 +43,7 @@ export interface DmnFontStyle {
   family?: string;
   size?: number;
   color: string;
+  fill: string;
 }
 
 export interface Color {
@@ -169,6 +170,7 @@ export function getDmnFontStyle(args: {
     family: args.isEnabled ? args.dmnStyle?.["@_fontFamily"] : undefined,
     size: args.isEnabled ? args.dmnStyle?.["@_fontSize"] : undefined,
     color: fontColor,
+    fill: fontColor,
   };
 }
 
@@ -189,6 +191,7 @@ export function getFontCssProperties(dmnFontStyle?: DmnFontStyle): React.CSSProp
     textDecoration,
     fontSize: dmnFontStyle?.size ?? "16px",
     color: dmnFontStyle?.color ?? "black",
+    fill: dmnFontStyle?.fill ?? "black",
     lineHeight: "1.5em", // This needs to be em `em` otherwise `@visx/text` breaks when generating the SVG.
   };
 }

diff --git a/packages/dmn-editor/src/svg/DmnDiagramSvg.tsx b/packages/dmn-editor/src/svg/DmnDiagramSvg.tsx
@@ -227,7 +227,7 @@ export function DmnDiagramSvg({
               <Text
                 key={i}
                 lineHeight={fontStyle.lineHeight}
-                style={{ ...fontStyle, fill: fontStyle.color }}
+                style={{ ...fontStyle }}
                 dy={`calc(1.5em * ${i})`}
                 {...getNodeLabelSvgTextAlignmentProps(
                   node,