docx-diff-editor 1.0.15 → 1.0.16

package/dist/styles.css

@@ -1,20 +1,21 @@
 /* ==========================================================================
    DocxDiffEditor Styles
    
-   This CSS uses @layer to ensure proper specificity over CSS frameworks
-   like Tailwind that use aggressive resets.
+   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
    
-   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 - later layers have higher priority */
-@layer base, superdoc, dde;
-
-/* SuperDoc styles in their own layer */
-@layer superdoc {
+/* ========================= SuperDoc Editor Styles ========================= */
 :root {
   /* CSS variables */
 }
@@ -5435,10 +5436,8 @@ img[data-v-7dd69850] {
   mix-blend-mode: difference;
 }
 
-}
 
-/* DocxDiffEditor custom styles */
-@layer dde {
+/* ========================= DocxDiffEditor Custom Styles ========================= */
 /**
  * DocxDiffEditor Styles
  *
@@ -5826,7 +5825,4 @@ 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.15",
+  "version": "1.0.16",
   "description": "React component for DOCX document comparison with track changes visualization",
   "license": "Apache-2.0",
   "author": "Pablo Schaffner",