docx-diff-editor 1.0.5 → 1.0.7

package/dist/styles.css

@@ -1,3 +1,20 @@
+/* ==========================================================================
+   DocxDiffEditor Styles
+   
+   This CSS uses @layer to ensure proper specificity over CSS frameworks
+   like Tailwind that use aggressive resets.
+   
+   Layer order (lowest to highest priority):
+   1. base - CSS framework base/reset styles
+   2. superdoc - SuperDoc editor styles  
+   3. dde - DocxDiffEditor custom styles
+   ========================================================================== */
+
+/* Define layer order - unlayered styles have highest priority */
+@layer base, superdoc, dde;
+
+/* SuperDoc styles in their own layer */
+@layer superdoc {
 :root {
   /* CSS variables */
 }
@@ -5417,6 +5434,11 @@ img[data-v-7dd69850] {
   background-color: #1355ff66;
   mix-blend-mode: difference;
 }
+
+}
+
+/* DocxDiffEditor custom styles */
+@layer dde {
 /**
  * DocxDiffEditor Styles
  *
@@ -5453,6 +5475,7 @@ img[data-v-7dd69850] {
 /* Track Changes - SuperDoc track change styling */
 /* @import './track-changes.css'; */
 
+
 /**
  * CSS Variables for DocxDiffEditor
  * Users can override these in their own CSS to customize the component.
@@ -5518,6 +5541,7 @@ img[data-v-7dd69850] {
   --dde-z-error: 100;
 }
 
+
 /**
  * Base styles for DocxDiffEditor
  * Container layout and structure.
@@ -5555,6 +5579,7 @@ img[data-v-7dd69850] {
   height: 100%;
 }
 
+
 /**
  * Loading state styles for DocxDiffEditor
  */
@@ -5599,6 +5624,7 @@ img[data-v-7dd69850] {
   }
 }
 
+
 /**
  * Error state styles for DocxDiffEditor
  */
@@ -5645,6 +5671,7 @@ img[data-v-7dd69850] {
   max-width: 400px;
 }
 
+
 /**
  * Track Changes styles for DocxDiffEditor
  * Styles for SuperDoc track change marks (insert, delete, format).
@@ -5801,3 +5828,41 @@ img[data-v-7dd69850] {
   outline-offset: 1px;
 }
 
+
+}
+
+/* Critical overrides outside layers (highest specificity) */
+/* These ensure SuperDoc UI elements display correctly regardless of external CSS */
+
+/* Context menu fixes */
+.sd-context-menu,
+.superdoc-context-menu,
+[class*="context-menu"] {
+  all: revert;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
+}
+
+/* Ensure SVG icons in SuperDoc render correctly */
+.sd-editor-scoped svg,
+.superdoc svg,
+[class*="superdoc"] svg {
+  display: inline-block !important;
+  width: auto !important;
+  height: auto !important;
+  fill: currentColor;
+}
+
+/* Track changes sidebar visibility */
+.superdoc__right-sidebar,
+.right-sidebar,
+[class*="right-sidebar"] {
+  display: flex !important;
+  visibility: visible !important;
+}
+
+/* Button resets for SuperDoc UI */
+.sd-editor-scoped button,
+.superdoc button,
+[class*="superdoc"] button {
+  all: revert;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docx-diff-editor",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "React component for DOCX document comparison with track changes visualization",
   "license": "Apache-2.0",
   "author": "Pablo Schaffner",
@@ -45,7 +45,7 @@
   ],
   "scripts": {
     "build": "tsup && npm run build:css",
-    "build:css": "cat node_modules/superdoc/dist/style.css src/styles/index.css src/styles/variables.css src/styles/base.css src/styles/loading.css src/styles/error.css src/styles/track-changes.css > dist/styles.css",
+    "build:css": "node scripts/build-css.js",
     "dev": "tsup --watch",
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run build",