docx-diff-editor 1.0.16 → 1.0.20

package/dist/styles.css

@@ -1,21 +1,20 @@
 /* ==========================================================================
    DocxDiffEditor Styles
    
-   This CSS bundles SuperDoc editor styles with DocxDiffEditor customizations.
-   
-   IMPORTANT: Import this CSS AFTER your Tailwind/global styles to ensure
-   proper cascade order. For example:
-   
-     @import "tailwindcss";
-     @import "docx-diff-editor/styles.css";
-   
-   Or in your component:
-   
-     import 'docx-diff-editor/styles.css';  // After Tailwind is loaded
+   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
    ========================================================================== */
 
-/* ========================= SuperDoc Editor Styles ========================= */
+/* Define layer order - later layers have higher priority */
+@layer base, superdoc, dde;
+
+/* SuperDoc styles in their own layer */
+@layer superdoc {
 :root {
   /* CSS variables */
 }
@@ -5436,8 +5435,10 @@ img[data-v-7dd69850] {
   mix-blend-mode: difference;
 }
 
+}
 
-/* ========================= DocxDiffEditor Custom Styles ========================= */
+/* DocxDiffEditor custom styles */
+@layer dde {
 /**
  * DocxDiffEditor Styles
  *
@@ -5825,4 +5826,7 @@ img[data-v-7dd69850] {
 .dde-container .ProseMirror-selectednode [data-track-format] {
   outline: 2px solid var(--dde-primary-color);
   outline-offset: 1px;
+}
+
+
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docx-diff-editor",
-  "version": "1.0.16",
+  "version": "1.0.20",
   "description": "React component for DOCX document comparison with track changes visualization",
   "license": "Apache-2.0",
   "author": "Pablo Schaffner",