@beyondwork/docx-react-component 1.0.56 → 1.0.57

package/src/ui-tailwind/theme/tokens.ts

@@ -87,6 +87,15 @@ export const BRAND_TOKENS = {
       comment: "#E8F4EC",
       selection: "#DDF1E4",
     },
+    highlight: {
+      // Text-highlighter yellow. User-driven content color (like cell fills
+      // and author avatars) — intentionally stable across themes so highlights
+      // persist when the document is re-opened under a different theme.
+      // Light mode picks Material Amber-A100 for contrast on white canvas;
+      // dark mode dims the same chroma (~#B8A829) to avoid glare on dark
+      // canvas while keeping the mark recognizably "yellow".
+      default: "#FFF59D",
+    },
     scopeTint: {
       blocked: "#FBE3E6",
       inScope: "#E2F2E8",
@@ -170,6 +179,7 @@ export type BrandTokenPath =
   | `color.status.${keyof BrandTokens["color"]["status"]}`
   | `color.comment.${keyof BrandTokens["color"]["comment"]}`
   | `color.change.${keyof BrandTokens["color"]["change"]}`
+  | `color.highlight.${keyof BrandTokens["color"]["highlight"]}`
   | `color.scopeTint.${keyof BrandTokens["color"]["scopeTint"]}`
   | `color.chart.categorical.${keyof BrandTokens["color"]["chart"]["categorical"]}`
   | `color.chart.sequential.${keyof BrandTokens["color"]["chart"]["sequential"]}`

package/src/validation/compatibility-engine.ts

@@ -444,6 +444,7 @@ function measureInlineNode(
       flags.hyperlinks = true;
       return node.children.reduce((size, child) => size + measureInlineNode(child, flags), 0);
     case "image":
+    case "drawing_frame":
       flags.images = true;
       flags.runs = true;
       return 1;
@@ -778,6 +779,7 @@ function collectLossyInlineContent(
     case "field":
     case "bookmark_start":
     case "bookmark_end":
+    case "drawing_frame":
     case "shape":
     case "wordart":
     case "vml_shape":

package/src/validation/docx-comment-proof.ts

@@ -70,6 +70,7 @@ export type ClosureValidationCheck =
   | { type: "minCommentThreads"; count: number }
   | { type: "lockedFragmentCountAtLeast"; count: number }
   | { type: "surfaceBlockKind"; kind: string; count?: number }
+  | { type: "segmentLabelPrefix"; value: string; kind?: string }
   | { type: "opaqueBlockLabelPrefix"; value: string }
   | { type: "opaqueInlineLabelPrefix"; value: string }
   | {
@@ -238,6 +239,12 @@ export function evaluateClosureCheck(
           (check.count ?? 1),
         reason: `expected at least ${check.count ?? 1} surface blocks of kind ${check.kind}`,
       };
+    case "segmentLabelPrefix":
+      return {
+        type: check.type,
+        passed: hasSegmentLabelPrefix(context.surface, check.value, check.kind),
+        reason: `expected a ${check.kind ?? "surface"} segment label starting with ${check.value}`,
+      };
     case "opaqueBlockLabelPrefix":
       return {
         type: check.type,
@@ -253,7 +260,7 @@ export function evaluateClosureCheck(
     case "opaqueInlineLabelPrefix":
       return {
         type: check.type,
-        passed: hasOpaqueInlineLabelPrefix(context.surface, check.value),
+        passed: hasSegmentLabelPrefix(context.surface, check.value, "opaque_inline"),
         reason: `expected an opaque inline label starting with ${check.value}`,
       };
     case "trackedChangeMatch": {
@@ -458,9 +465,10 @@ export function extractDocxCommentProof(bytes: Uint8Array): DocxCommentProof {
   };
 }
 
-function hasOpaqueInlineLabelPrefix(
+function hasSegmentLabelPrefix(
   surface: RuntimeRenderSnapshot["surface"],
   prefix: string,
+  segmentKind?: string,
 ): boolean {
   if (!surface) {
     return false;
@@ -474,7 +482,8 @@ function hasOpaqueInlineLabelPrefix(
     if (
       block.segments.some(
         (segment) =>
-          segment.kind === "opaque_inline" &&
+          (segmentKind === undefined || segment.kind === segmentKind) &&
+          "label" in segment &&
           typeof segment.label === "string" &&
           segment.label.startsWith(prefix),
       )