ct-rich-text-editor 1.3.3 → 1.3.4

package/dist/assets/style.css

@@ -1,8 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Geist:wght@100;900&display=swap");
 
-/* Keep Tailwind directives but we'll scope problematic global selectors below */
-
-#ct-editor-f47ac10b *, #ct-editor-f47ac10b ::before, #ct-editor-f47ac10b ::after{
+*, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -56,7 +54,7 @@
   --tw-contain-style:  ;
 }
 
-#ct-editor-f47ac10b::backdrop{
+::backdrop{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -110,7 +108,9 @@
   --tw-contain-style:  ;
 }
 
-/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */
+/*
+! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
+*/
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -159,7 +159,7 @@ html,
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
 
-#ct-editor-f47ac10b {
+body {
   margin: 0; /* 1 */
   line-height: inherit; /* 2 */
 }
@@ -2585,41 +2585,38 @@ video {
 
 /* Additional Styles for ct-editor-f47ac10b */
 
-/* Scope all global styles to the editor container to prevent conflicts with consuming apps */
-
-#ct-editor-f47ac10b * {
-    border-color: hsl(var(--cteditorf47ac10b-border));
-  }
+* {
+      border-color: hsl(var(--cteditorf47ac10b-border));
+    }
 
-#ct-editor-f47ac10b {
+body {
      background-color: hsl(var(--cteditorf47ac10b-bod));
      color: hsl(var(--cteditorf47ac10b-foreground));
+    /* @apply bg-[hsl(var(--cteditorf47ac10b-body))] text-[hsl(var(--cteditorf47ac10b-foreground))]; */
     font-family: "Geist", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
   }
 
-/* Scoped scrollbar styles - only affect editor */
-
-#ct-editor-f47ac10b ::-webkit-scrollbar {
+::-webkit-scrollbar {
     width: 8px;
   }
 
-#ct-editor-f47ac10b ::-webkit-scrollbar-track {
+::-webkit-scrollbar-track {
     background: rgb(240, 240, 240);
   }
 
-#ct-editor-f47ac10b ::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb {
     background: rgb(180, 180, 180);
     border-radius: 10px;
   }
 
-#ct-editor-f47ac10b.dark ::-webkit-scrollbar-track {
+body.dark ::-webkit-scrollbar-track {
     background: rgb(30, 30, 35);
   }
 
-#ct-editor-f47ac10b.dark ::-webkit-scrollbar-thumb {
+body.dark ::-webkit-scrollbar-thumb {
     background: rgb(80, 80, 90);
   }
 
@@ -2719,9 +2716,9 @@ video {
     background-color: hsla(var(--cteditorf47ac10b-foreground));
   }
 
-/* AI Chat Popup Style - Scoped to editor */
+/* AI Chat Popup Style */
 
-#ct-editor-f47ac10b .ai-chat-popup {
+body .ai-chat-popup {
     backdrop-filter: blur(2px);
     display: flex;
     justify-content: center;
@@ -2729,12 +2726,12 @@ video {
     color: hsla(var(--cteditorf47ac10b-foreground));
   }
 
-#ct-editor-f47ac10b .ai-chat-popup .ai-chat-input {
+body .ai-chat-popup .ai-chat-input {
     background-color: hsla(var(--cteditorf47ac10b-background));
     color: hsla(var(--cteditorf47ac10b-foreground));
   }
 
-#ct-editor-f47ac10b .editorView textarea {
+.editorView textarea {
     background: hsla(var(--cteditorf47ac10b-background));
     color: hsla(var(--cteditorf47ac10b-foreground));
     border-radius: 10px;
@@ -2742,7 +2739,7 @@ video {
     border-color: hsla(var(--cteditorf47ac10b-foreground)/ 0.2);
   }
 
-#ct-editor-f47ac10b .editor {
+.editor {
     border: 1px solid hsla(var(--cteditorf47ac10b-background));
     color: hsla(var(--cteditorf47ac10b-foreground));
     border-radius: 8px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ct-rich-text-editor",
   "private": false,
-  "version": "1.3.3",
+  "version": "1.3.4",
   "type": "module",
   "packageManager": "pnpm@9.0.0",
   "main": "dist/index.js",