superdoc 2.4.0-next.10 → 2.4.0-next.12

package/dist/style.css

@@ -366,6 +366,7 @@
  *
  * These aliases will be removed in the next major version.
  */
+
 :root {
   /* Old semantic names that map to primitives (no new-token equivalent) */
   --sd-surface-canvas: var(--sd-color-gray-50);
@@ -437,6 +438,7 @@
   --sd-ui-surface-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.32);
 }
+
 /* Preset theme: Microsoft Word-like */
 .sd-theme-word {
   /* UI base */
@@ -497,6 +499,7 @@
   --sd-ui-surface-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 8px 24px rgba(0, 0, 0, 0.1);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
 }
+
 /* Preset theme: Blueprint */
 .sd-theme-blueprint {
   /* UI base */
@@ -567,12 +570,14 @@
 .superdoc-toolbar ::after {
   box-sizing: border-box;
 }
+
 .superdoc .sd-disabled,
 .superdoc-toolbar .sd-disabled {
   opacity: 0.5;
   cursor: not-allowed;
   pointer-events: none;
 }
+
 .sd-button {
   border-radius: 8px;
   background-color: white;
@@ -584,20 +589,25 @@
   cursor: pointer;
   transition: all 250ms ease;
 }
+
 .sd-button:hover {
   background-color: #dbdbdb;
 }
+
 .sd-button.primary {
   background-color: #1355ff;
   border: none;
   color: white;
 }
+
 .sd-button.primary:hover {
   background-color: #0d3fcc;
 }
+
 .sd-comment-box {
   width: 300px;
 }
+
 .superdoc-field {
   border-radius: 8px;
   padding: 12px;
@@ -605,15 +615,18 @@
   border: 1px solid #dbdbdb;
   width: 100%;
 }
+
 .superdoc-field:focus,
 .superdoc-field:active {
   border: 1px solid #1355ff;
 }
+
 .superdoc-field .ProseMirror {
   border: 0;
   outline: 0;
   margin: 0;
 }
+
 .sd-editor-placeholder::before {
   content: attr(data-placeholder);
   color: #aaa;
@@ -627,6 +640,7 @@
   display: block;
   fill: currentColor;
 }
+
 .superdoc-toolbar svg {
   width: 100%;
   height: 100%;
@@ -634,9 +648,11 @@
   fill: currentColor;
   pointer-events: none;
 }
+
 .superdoc-toolbar svg path {
   stroke: currentColor;
 }
+
 /* Web Layout Mode (OOXML ST_View 'web') - content reflows to container width */
 .superdoc--web-layout,
 .superdoc--web-layout .superdoc__layers,
@@ -644,7 +660,9 @@
 .superdoc--web-layout .superdoc__sub-document {
   width: 100%;
 }
+
 /* --- Upgrade transition (upgradeToCollaboration) --- */
+
 .sd-upgrade-overlay {
   position: absolute;
   inset: 0;
@@ -652,15 +670,19 @@
   pointer-events: none;
   overflow: hidden;
 }
+
 .sd-upgrade-overlay [contenteditable] {
   pointer-events: none;
   user-select: none;
 }
+
 /* visibility: hidden (not display: none) so layout engine can still measure */
 .sd-upgrade-hidden {
   visibility: hidden !important;
 }
+
 /* --- Search highlights (transient, used in both editor and presentation mode) --- */
+
 /* AIDEV-NOTE: SD-3045. The DomPainter writes `style.backgroundColor = run.highlight`
  * inline on the same span the search DecorationBridge tags. Inline styles win over
  * class selectors, so on every run whose source rPr carries a highlight mark
@@ -673,15 +695,19 @@
 .superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-bg) !important;
 }
+
 .superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-active-bg) !important;
 }
+
 ::highlight(superdoc-search-match) {
   background: var(--sd-ui-search-match-bg);
 }
+
 ::highlight(superdoc-search-active-match) {
   background: var(--sd-ui-search-match-active-bg);
 }
+
 /* Proofing underlines are render-only v1/v2 UI state. They must not alter DOCX
  * bytes or layout identity; the runtime owns adding/removing these classes. */
 .superdoc .sd-proofing-spelling,
@@ -692,15 +718,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 .superdoc .sd-proofing-spelling {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 .superdoc .sd-proofing-grammar {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 .superdoc .sd-proofing-style {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* CSS Custom Highlight variant: the v2 runtime paints per-word squiggles over
  * exact text ranges (no DOM mutation). Highlight names match the class names. */
 ::highlight(sd-proofing-spelling),
@@ -711,15 +741,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 ::highlight(sd-proofing-spelling) {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 ::highlight(sd-proofing-grammar) {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 ::highlight(sd-proofing-style) {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* Contained Mode - fixed-height container embedding with internal scrolling */
 .superdoc--contained,
 .superdoc--contained .superdoc__layers,
@@ -727,6 +761,7 @@
 .superdoc--contained .superdoc__sub-document {
   height: 100%;
 }
+
 /* Sub-document scroll fallback for non-document-editor content (PDF, HTML).
  * The document editor manages its own scroll container, but PDF/HTML viewers
  * don't, so they need the sub-document to scroll. */

package/dist/style.layered.css

@@ -366,6 +366,7 @@
  *
  * These aliases will be removed in the next major version.
  */
+
 :root {
   /* Old semantic names that map to primitives (no new-token equivalent) */
   --sd-surface-canvas: var(--sd-color-gray-50);
@@ -437,6 +438,7 @@
   --sd-ui-surface-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.32);
 }
+
 /* Preset theme: Microsoft Word-like */
 .sd-theme-word {
   /* UI base */
@@ -497,6 +499,7 @@
   --sd-ui-surface-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 8px 24px rgba(0, 0, 0, 0.1);
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
 }
+
 /* Preset theme: Blueprint */
 .sd-theme-blueprint {
   /* UI base */
@@ -567,12 +570,14 @@
 .superdoc-toolbar ::after {
   box-sizing: border-box;
 }
+
 .superdoc .sd-disabled,
 .superdoc-toolbar .sd-disabled {
   opacity: 0.5;
   cursor: not-allowed;
   pointer-events: none;
 }
+
 .sd-button {
   border-radius: 8px;
   background-color: white;
@@ -584,20 +589,25 @@
   cursor: pointer;
   transition: all 250ms ease;
 }
+
 .sd-button:hover {
   background-color: #dbdbdb;
 }
+
 .sd-button.primary {
   background-color: #1355ff;
   border: none;
   color: white;
 }
+
 .sd-button.primary:hover {
   background-color: #0d3fcc;
 }
+
 .sd-comment-box {
   width: 300px;
 }
+
 .superdoc-field {
   border-radius: 8px;
   padding: 12px;
@@ -605,15 +615,18 @@
   border: 1px solid #dbdbdb;
   width: 100%;
 }
+
 .superdoc-field:focus,
 .superdoc-field:active {
   border: 1px solid #1355ff;
 }
+
 .superdoc-field .ProseMirror {
   border: 0;
   outline: 0;
   margin: 0;
 }
+
 .sd-editor-placeholder::before {
   content: attr(data-placeholder);
   color: #aaa;
@@ -627,6 +640,7 @@
   display: block;
   fill: currentColor;
 }
+
 .superdoc-toolbar svg {
   width: 100%;
   height: 100%;
@@ -634,9 +648,11 @@
   fill: currentColor;
   pointer-events: none;
 }
+
 .superdoc-toolbar svg path {
   stroke: currentColor;
 }
+
 /* Web Layout Mode (OOXML ST_View 'web') - content reflows to container width */
 .superdoc--web-layout,
 .superdoc--web-layout .superdoc__layers,
@@ -644,7 +660,9 @@
 .superdoc--web-layout .superdoc__sub-document {
   width: 100%;
 }
+
 /* --- Upgrade transition (upgradeToCollaboration) --- */
+
 .sd-upgrade-overlay {
   position: absolute;
   inset: 0;
@@ -652,15 +670,19 @@
   pointer-events: none;
   overflow: hidden;
 }
+
 .sd-upgrade-overlay [contenteditable] {
   pointer-events: none;
   user-select: none;
 }
+
 /* visibility: hidden (not display: none) so layout engine can still measure */
 .sd-upgrade-hidden {
   visibility: hidden !important;
 }
+
 /* --- Search highlights (transient, used in both editor and presentation mode) --- */
+
 /* AIDEV-NOTE: SD-3045. The DomPainter writes `style.backgroundColor = run.highlight`
  * inline on the same span the search DecorationBridge tags. Inline styles win over
  * class selectors, so on every run whose source rPr carries a highlight mark
@@ -673,15 +695,19 @@
 .superdoc .ProseMirror-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-bg) !important;
 }
+
 .superdoc .ProseMirror-active-search-match:not([data-sd-search-exact-highlight]) {
   background: var(--sd-ui-search-match-active-bg) !important;
 }
+
 ::highlight(superdoc-search-match) {
   background: var(--sd-ui-search-match-bg);
 }
+
 ::highlight(superdoc-search-active-match) {
   background: var(--sd-ui-search-match-active-bg);
 }
+
 /* Proofing underlines are render-only v1/v2 UI state. They must not alter DOCX
  * bytes or layout identity; the runtime owns adding/removing these classes. */
 .superdoc .sd-proofing-spelling,
@@ -692,15 +718,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 .superdoc .sd-proofing-spelling {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 .superdoc .sd-proofing-grammar {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 .superdoc .sd-proofing-style {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* CSS Custom Highlight variant: the v2 runtime paints per-word squiggles over
  * exact text ranges (no DOM mutation). Highlight names match the class names. */
 ::highlight(sd-proofing-spelling),
@@ -711,15 +741,19 @@
   text-decoration-thickness: var(--sd-proofing-underline-thickness, 1.5px);
   text-underline-offset: var(--sd-proofing-underline-offset, 2px);
 }
+
 ::highlight(sd-proofing-spelling) {
   text-decoration-color: var(--sd-proofing-spelling-color, #e53e3e);
 }
+
 ::highlight(sd-proofing-grammar) {
   text-decoration-color: var(--sd-proofing-grammar-color, #3182ce);
 }
+
 ::highlight(sd-proofing-style) {
   text-decoration-color: var(--sd-proofing-style-color, #805ad5);
 }
+
 /* Contained Mode - fixed-height container embedding with internal scrolling */
 .superdoc--contained,
 .superdoc--contained .superdoc__layers,
@@ -727,6 +761,7 @@
 .superdoc--contained .superdoc__sub-document {
   height: 100%;
 }
+
 /* Sub-document scroll fallback for non-document-editor content (PDF, HTML).
  * The document editor manages its own scroll container, but PDF/HTML viewers
  * don't, so they need the sub-document to scroll. */