overtype 2.3.0 → 2.3.2

package/dist/overtype-webcomponent.js

@@ -1,5 +1,5 @@
 /**
- * OverType v2.3.0
+ * OverType v2.3.2
  * A lightweight markdown editor library with perfect WYSIWYG alignment
  * @license MIT
  * @author David Miranda
@@ -881,17 +881,17 @@ var OverTypeEditor = (() => {
       // Gray - placeholder text
     },
     previewColors: {
-      text: "#1a1a1a",
-      h1: "#1a1a1a",
-      h2: "#2a2a2a",
-      h3: "#3a3a3a",
+      text: "#0d3b66",
+      h1: "inherit",
+      h2: "inherit",
+      h3: "inherit",
       strong: "inherit",
       em: "inherit",
-      link: "#0066cc",
-      code: "#1a1a1a",
-      codeBg: "rgba(135, 131, 120, 0.15)",
-      blockquote: "#555",
-      hr: "#ddd",
+      link: "#0d3b66",
+      code: "#0d3b66",
+      codeBg: "rgba(244, 211, 94, 0.4)",
+      blockquote: "#5a7a9b",
+      hr: "#5a7a9b",
       bg: "transparent"
     }
   };
@@ -962,16 +962,16 @@ var OverTypeEditor = (() => {
     },
     previewColors: {
       text: "#c5dde8",
-      h1: "#e0e0e0",
-      h2: "#d0d0d0",
-      h3: "#c0c0c0",
+      h1: "inherit",
+      h2: "inherit",
+      h3: "inherit",
       strong: "inherit",
       em: "inherit",
-      link: "#6cb6e0",
+      link: "#9fcfec",
       code: "#c5dde8",
-      codeBg: "rgba(255, 255, 255, 0.08)",
-      blockquote: "#9aa8b4",
-      hr: "rgba(255, 255, 255, 0.15)",
+      codeBg: "#1a232b",
+      blockquote: "#9fcfec",
+      hr: "#c5dde8",
       bg: "transparent"
     }
   };
@@ -1005,7 +1005,7 @@ var OverTypeEditor = (() => {
     if (previewColors) {
       for (const [key, value] of Object.entries(previewColors)) {
         const varName = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-        vars.push(`--preview-${varName}: ${value};`);
+        vars.push(`--preview-${varName}-default: ${value};`);
       }
     }
     return vars.join("\n");
@@ -1730,17 +1730,17 @@ var OverTypeEditor = (() => {
 
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview h1 {
       font-size: 2em !important;
-      color: var(--preview-h1, #222) !important;
+      color: var(--preview-h1, var(--preview-h1-default)) !important;
     }
 
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview h2 {
       font-size: 1.5em !important;
-      color: var(--preview-h2, #333) !important;
+      color: var(--preview-h2, var(--preview-h2-default)) !important;
     }
 
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview h3 {
       font-size: 1.17em !important;
-      color: var(--preview-h3, #444) !important;
+      color: var(--preview-h3, var(--preview-h3-default)) !important;
     }
 
     /* Lists - restore list styling in preview mode */
@@ -1790,14 +1790,14 @@ var OverTypeEditor = (() => {
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview a {
       pointer-events: auto !important;
       cursor: pointer !important;
-      color: var(--preview-link, #0066cc) !important;
+      color: var(--preview-link, var(--preview-link-default)) !important;
       text-decoration: underline !important;
     }
 
     /* Code blocks - proper pre/code styling in preview mode */
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview pre.code-block {
-      background: var(--preview-code-bg, rgba(135, 131, 120, 0.15)) !important;
-      color: var(--preview-code, #333) !important;
+      background: var(--preview-code-bg, var(--preview-code-bg-default)) !important;
+      color: var(--preview-code, var(--preview-code-default)) !important;
       padding: 1.2em !important;
       border-radius: 3px !important;
       overflow-x: auto !important;
@@ -1826,8 +1826,8 @@ var OverTypeEditor = (() => {
     /* Blockquotes - enhanced styling in preview mode */
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview .blockquote {
       display: block !important;
-      border-left: 4px solid var(--preview-blockquote, #666) !important;
-      color: var(--preview-blockquote, #666) !important;
+      border-left: 4px solid var(--preview-blockquote, var(--preview-blockquote-default)) !important;
+      color: var(--preview-blockquote, var(--preview-blockquote-default)) !important;
       padding-left: 1em !important;
       margin: 1em 0 !important;
       font-style: italic !important;
@@ -1838,16 +1838,16 @@ var OverTypeEditor = (() => {
       font-family: Georgia, 'Times New Roman', serif !important;
       font-size: 16px !important;
       line-height: 1.8 !important;
-      color: var(--preview-text, #333) !important;
-      background: var(--preview-bg, transparent) !important;
+      color: var(--preview-text, var(--preview-text-default)) !important;
+      background: var(--preview-bg, var(--preview-bg-default)) !important;
     }
 
     /* Inline code in preview mode - keep monospace */
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview code {
       font-family: ${fontFamily} !important;
       font-size: 0.9em !important;
-      background: var(--preview-code-bg, rgba(135, 131, 120, 0.15)) !important;
-      color: var(--preview-code, #333) !important;
+      background: var(--preview-code-bg, var(--preview-code-bg-default)) !important;
+      color: var(--preview-code, var(--preview-code-default)) !important;
       padding: 0.2em 0.4em !important;
       border-radius: 3px !important;
     }
@@ -1855,18 +1855,18 @@ var OverTypeEditor = (() => {
     /* Strong and em elements in preview mode */
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview strong {
       font-weight: 700 !important;
-      color: var(--preview-strong, inherit) !important;
+      color: var(--preview-strong, var(--preview-strong-default)) !important;
     }
 
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview em {
       font-style: italic !important;
-      color: var(--preview-em, inherit) !important;
+      color: var(--preview-em, var(--preview-em-default)) !important;
     }
 
     /* HR in preview mode */
     .overtype-container[data-mode="preview"] .overtype-wrapper .overtype-preview .hr-marker {
       display: block !important;
-      border-top: 2px solid var(--preview-hr, #ddd) !important;
+      border-top: 2px solid var(--preview-hr, var(--preview-hr-default)) !important;
       text-indent: -9999px !important;
       height: 2px !important;
     }
@@ -5611,6 +5611,7 @@ ${blockSuffix}` : suffix;
       const paddingTop = parseFloat(computed.paddingTop);
       const paddingBottom = parseFloat(computed.paddingBottom);
       const scrollTop = textarea.scrollTop;
+      wrapper.style.setProperty("height", "auto", "important");
       textarea.style.setProperty("height", "auto", "important");
       let newHeight = textarea.scrollHeight;
       if (this.options.minHeight) {