Docx Editor

Minor Changes

• a6a2dd0: Replace the Insert menu's "Page break" item with a "Break" submenu offering page break, section break (next page), and section break (continuous).
• 5509418: Add a colorMode prop ('light' | 'dark' | 'system') for native dark mode. Dark mode re-themes the editor chrome through the shared design tokens and renders the document canvas like Word's dark view: a dark page with light text where authored colours are lightness-inverted (hue preserved) for legibility. It is a display transform only; the saved DOCX is unchanged. 'system' follows the OS prefers-color-scheme.
• fae2765: Add a watermarkPresets prop to customize the text-watermark dialog's preset list. Pass an array of phrases to replace the built-in MS Word defaults (CONFIDENTIAL, DRAFT, …), or an empty array to hide the preset dropdown. Available in both React and Vue.

Patch Changes

• 3a4a03f: Fix toolbar dropdowns closing when you scroll inside them. Scrolling the font size picker's preset list now keeps the dropdown open instead of dismissing it. Fixes #808.
• bbda628: Apply selected font picker options by their primary family name so CSS fallback stacks like Lato, sans-serif do not get stored as document font names.
• 7fe09f0: Share the paragraph-style-picker preview logic between the React and Vue toolbars. The filter/sort and per-style preview CSS now live once in @eigenpal/docx-editor-core/utils/stylePreview (resolveParagraphStyleOptions + getStylePreviewProps), which both adapters call, so the style dropdown can no longer drift between them. Also fixes a Vue toolbar bug where typing a font size and then clicking a preset could re-commit the typed value over the preset.
• 7fe09f0: Align the React and Vue toolbar controls. The Vue font-size control is now an editable, clearly-bordered input box (matching React) instead of a plain button, and React's zoom control is now a − / + stepper around the level dropdown (matching Vue), so both adapters present the same editable zoom and font-size controls.
• 7fe09f0: Unify the editor UI colors onto one CSS-variable token palette. The canonical chrome stylesheet now lives in @eigenpal/docx-editor-core (packages/core/src/styles/editor.css) and both adapters import it, so React and Vue can never drift. Component styles reference --doc-* tokens instead of hardcoded colors, and the shadcn HSL tokens are aligned to the same palette and support opacity modifiers. A commented .ep-root.dark scaffold is included as the structure for a future dark theme (no dark values are shipped yet — adding the dark class has no visual effect until they are filled in). Light-mode appearance is unchanged apart from minor consolidation of near-duplicate grays/blues. As part of this, the Vue full-screen loading overlay now uses the same dark backdrop with light text as React (previously a light backdrop), and the Vue editing-mode chip and toolbar dropdown elevation share React's hover/shadow tokens. The Vue toolbar buttons, dropdown triggers, menu items, and steppers now reference the same shadcn foreground/muted-foreground/muted/border tokens React uses (previously the --doc-* family), so the toolbar matches React in both light and dark mode; the dropdown triggers also render at React's normal weight (they previously looked bold), and the selected menu item uses React's grey highlight instead of an indigo tint.
• Updated dependencies [a6a2dd0]
• Updated dependencies [931931a]
• Updated dependencies [fa3383b]
• Updated dependencies [32c5382]
• Updated dependencies [7fe09f0]
• Updated dependencies [7fe09f0]
• Updated dependencies [f50a3c7]
• Updated dependencies [7fe09f0]
  • @eigenpal/[email protected]
  • @eigenpal/[email protected]
  • @eigenpal/[email protected]