@examind/block-editor 0.1.32 → 0.1.35

package/dist/index.css

@@ -1299,36 +1299,6 @@ sl-checkbox[invalid]:not([disabled])::part(control) {
   color: inherit;
 }
 
-/* src/styles/card.css */
-.card-container {
-  width: 100%;
-  background-color: var(--td-card-background-color);
-  box-shadow:
-    0 var(--td-card-box-shadow-1-y) var(--td-card-box-shadow-1-blur) var(--td-card-box-shadow-1),
-    0 var(--td-card-box-shadow-2-y) var(--td-card-box-shadow-2-blur) var(--td-card-box-shadow-2),
-    0 0 0 1px var(--td-card-border-color);
-  border-radius: 15px;
-  position: relative;
-  transition: box-shadow 0.25s, background 0.25s ease;
-  overflow: hidden;
-  user-select: none;
-  color: var(--td-card-color);
-  &:hover {
-    background-color: var(--td-card-background-hover-color);
-    color: var(--sl-color-primary-800);
-    box-shadow:
-      0 3px 6px var(--td-card-hover-box-shadow-1),
-      0 var(--td-card-hover-box-shadow-2-y) var(--td-card-hover-box-shadow-2-blur) var(--td-card-hover-box-shadow-2),
-      0 0 0 1px var(--td-card-hover-border-color);
-  }
-  &:active {
-    box-shadow:
-      0 var(--td-card-box-shadow-1-y) var(--td-card-box-shadow-1-blur) var(--td-card-box-shadow-1),
-      0 var(--td-card-box-shadow-2-y) var(--td-card-box-shadow-2-blur) var(--td-card-box-shadow-2),
-      0 0 0 1px var(--td-card-border-color);
-  }
-}
-
 /* src/styles/progress-bar.css */
 sl-progress-bar {
   position: absolute;
@@ -1751,7 +1721,7 @@ sl-progress-bar {
     flex-direction: column;
     position: relative;
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -1787,59 +1757,6 @@ sl-progress-bar {
   }
 }
 
-/* src/styles/article-layout-grid.css */
-.be-article {
-  .layout-grid-wrapper {
-    margin-top: var(--sl-spacing-large);
-    margin-bottom: var(--sl-spacing-large);
-    display: grid;
-    gap: var(--sl-spacing-medium);
-    width: 100%;
-    position: relative;
-    .card-container:only-child {
-      height: 100%;
-    }
-  }
-  .layout-grid-2-columns {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-  }
-  .layout-grid-3-columns {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-  }
-  .layout-grid-4-columns {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-  }
-  @media (max-width: 620px) {
-    .layout-grid-3-columns {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-  @media (max-width: 767px) {
-    .layout-grid-2-columns {
-      grid-template-columns: minmax(0, 1fr);
-    }
-    .layout-grid-4-columns {
-      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-    }
-  }
-  .layout-grid-wrapper:first-child {
-    margin-top: 0;
-  }
-  .layout-grid-wrapper:last-child {
-    margin-bottom: 0;
-  }
-  .layout-grid-cell {
-    position: relative;
-  }
-  .layout-grid-cell:hover {
-    outline-offset: 3px;
-    outline-style: dashed;
-    outline-color: var(--sl-color-neutral-300);
-    outline-width: 1px;
-    border-radius: var(--sl-border-radius-small);
-  }
-}
-
 /* src/styles/article-variable.css */
 .be-article {
   --variable-placeholder-width: 10px;
@@ -1901,7 +1818,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -1968,7 +1885,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected]:not(:focus-within) {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2098,7 +2015,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2180,7 +2097,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected]:not(:focus-within) {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2305,7 +2222,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2378,7 +2295,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected]:not(:focus-within) {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2527,7 +2444,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2578,7 +2495,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2640,7 +2557,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }
@@ -2702,7 +2619,7 @@ sl-progress-bar {
     margin-top: var(--sl-spacing-large);
     margin-bottom: var(--sl-spacing-large);
     &[data-settings-node-selected] {
-      outline: 1px solid var(--td-settings-node-selected-border-color) !important;
+      outline: 1px solid var(--be-settings-node-selected-border-color) !important;
       outline-offset: 3px !important;
       border-radius: var(--sl-border-radius-small) !important;
     }

package/dist/index.js

@@ -10166,7 +10166,7 @@ var import_lexical65 = require("lexical");
 var import_react68 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 function SimulationQuestionComponent(props) {
-  const { nodeKey, id, aiSystemMessage, step2Instruction } = props;
+  const { nodeKey, id, aiSystemMessage, commentInstructions } = props;
   const [editor] = (0, import_LexicalComposerContext49.useLexicalComposerContext)();
   const rootElementRef = (0, import_react68.useRef)(null);
   (0, import_react68.useEffect)(() => {
@@ -10212,7 +10212,7 @@ function SimulationQuestionComponent(props) {
             "data-selectable": "true",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: step2Instruction })
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: commentInstructions })
             ]
           }
         )
@@ -10225,13 +10225,14 @@ function SimulationQuestionComponent(props) {
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var TYPE_NAME13 = "simulation-question";
 var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexical66.DecoratorNode {
-  constructor(points, aiSystemMessage, aiChatModel, step2Instructions, id, key) {
+  constructor(points, aiSystemMessage, aiChatModel, disableChat, commentInstructions, id, key) {
     super(key);
     this.__id = id || (0, import_nanoid10.nanoid)();
     this.__points = points < 0 ? 1 : points;
     this.__aiSystemMessage = aiSystemMessage || null;
     this.__aiChatModel = aiChatModel || null;
-    this.__step2Instructions = step2Instructions || null;
+    this.__disableChat = disableChat || false;
+    this.__commentInstructions = commentInstructions || null;
   }
   static getType() {
     return TYPE_NAME13;
@@ -10241,7 +10242,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexica
       node.__points,
       node.__aiSystemMessage,
       node.__aiChatModel,
-      node.__step2Instructions,
+      node.__disableChat,
+      node.__commentInstructions,
       node.__id,
       node.__key
     );
@@ -10269,7 +10271,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexica
       serializedNode.points,
       serializedNode.aiSystemMessage,
       serializedNode.aiChatModel,
-      serializedNode.step2Instructions,
+      serializedNode.disableChat,
+      serializedNode.commentInstructions,
       serializedNode.id
     );
   }
@@ -10279,7 +10282,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexica
       points: this.__points,
       aiSystemMessage: this.__aiSystemMessage,
       aiChatModel: this.__aiChatModel,
-      step2Instructions: this.__step2Instructions,
+      disableChat: this.__disableChat,
+      commentInstructions: this.__commentInstructions,
       type: TYPE_NAME13,
       version: 1
     };
@@ -10307,18 +10311,19 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends import_lexica
         nodeKey: this.__key,
         id: this.__id,
         aiSystemMessage: this.__aiSystemMessage,
-        step2Instruction: this.__step2Instructions
+        commentInstructions: this.__commentInstructions
       }
     );
   }
 };
-function $createSimulationQuestionNode(points, aiSystemMessage, aiChatModel, step2Instructions, id) {
+function $createSimulationQuestionNode(points, aiSystemMessage, aiChatModel, disableChat, commentInstructions, id) {
   return (0, import_lexical66.$applyNodeReplacement)(
     new SimulationQuestionNode(
       points,
       aiSystemMessage,
       aiChatModel,
-      step2Instructions,
+      disableChat,
+      commentInstructions,
       id
     )
   );
@@ -15305,45 +15310,45 @@ var PopupToolbar = (0, import_react93.forwardRef)((props, ref) => {
 var textColorList = [
   {
     label: "Red",
-    color: "var(--td-editor-text-color-red)",
+    color: "var(--be-text-color-red)",
     bgColor: "default"
   },
   {
     label: "Green",
-    color: "var(--td-editor-text-color-green)",
+    color: "var(--be-text-color-green)",
     bgColor: "default"
   },
   {
     label: "Blue",
-    color: "var(--td-editor-text-color-blue)",
+    color: "var(--be-text-color-blue)",
     bgColor: "default"
   },
   {
     label: "Purple",
-    color: "var(--td-editor-text-color-purple)",
+    color: "var(--be-text-color-purple)",
     bgColor: "default"
   }
 ];
 var bgColorList = [
   {
     label: "Red",
-    bgColor: "var(--td-editor-bg-color-red)",
-    color: "var(--td-editor-text-color-red)"
+    bgColor: "var(--be-bg-color-red)",
+    color: "var(--be-text-color-red)"
   },
   {
     label: "Green",
-    bgColor: "var(--td-editor-bg-color-green)",
-    color: "var(--td-editor-text-color-green)"
+    bgColor: "var(--be-bg-color-green)",
+    color: "var(--be-text-color-green)"
   },
   {
     label: "Blue",
-    bgColor: "var(--td-editor-bg-color-blue)",
-    color: "var(--td-editor-text-color-blue)"
+    bgColor: "var(--be-bg-color-blue)",
+    color: "var(--be-text-color-blue)"
   },
   {
     label: "Purple",
-    bgColor: "var(--td-editor-bg-color-purple)",
-    color: "var(--td-editor-text-color-purple)"
+    bgColor: "var(--be-bg-color-purple)",
+    color: "var(--be-text-color-purple)"
   }
 ];
 
@@ -18578,44 +18583,17 @@ var themeLight = `
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
 
-  --td-footer-background-color: #09090b;
-  --td-footer-color: #e4e4e7;
-
-  --td-code-block-toolbar-cell-background-color: #e2e8f0;
-  --td-code-block-highlighted-background-color: #dbeafe;
-
-  --td-card-color: 'inherit';
-  --td-card-background-color: var(--sl-color-neutral-0);
-  --td-card-background-hover-color: var(--sl-color-neutral-50);
-  --td-card-border-color: rgba(24, 24, 27, 0.08);
-  --td-card-box-shadow-1: rgba(24, 24, 27, 0.02);
-  --td-card-box-shadow-1-y: 3px;
-  --td-card-box-shadow-1-blur: 6px;
-  --td-card-box-shadow-2: rgba(24, 24, 27, 0.04);
-  --td-card-box-shadow-2-y: 2px;
-  --td-card-box-shadow-2-blur: 7px;
-
-  --td-card-hover-border-color: rgba(24, 24, 27, 0.15);
-  --td-card-hover-box-shadow-1: rgba(24, 24, 27, 0.05);
-  --td-card-hover-box-shadow-1-y: 3px;
-  --td-card-hover-box-shadow-1-blur: 6px;
-  --td-card-hover-box-shadow-2: rgba(24, 24, 27, 0.1);
-  --td-card-hover-box-shadow-2-y: 8px;
-  --td-card-hover-box-shadow-2-blur: 15px;
-
-  --td-body-gradient-line-color: #ffffff;
-
-  --td-editor-text-color-blue: hsl(221, 100%, 50%);
-  --td-editor-text-color-purple: hsl(291, 100%, 39%);
-  --td-editor-text-color-red: hsl(4, 100%, 40%);
-  --td-editor-text-color-green: hsl(122, 100%, 23%);
-
-  --td-editor-bg-color-blue: hsl(221, 100%, 50%, 0.1);
-  --td-editor-bg-color-purple: hsl(291, 100%, 39%, 0.1);
-  --td-editor-bg-color-red: hsl(4, 100%, 40%, 0.1);
-  --td-editor-bg-color-green: hsl(122, 100%, 23%, 0.1);
+  --be-text-color-blue: hsl(221, 100%, 50%);
+  --be-text-color-purple: hsl(291, 100%, 39%);
+  --be-text-color-red: hsl(4, 100%, 40%);
+  --be-text-color-green: hsl(122, 100%, 23%);
+
+  --be-bg-color-blue: hsl(221, 100%, 50%, 0.1);
+  --be-bg-color-purple: hsl(291, 100%, 39%, 0.1);
+  --be-bg-color-red: hsl(4, 100%, 40%, 0.1);
+  --be-bg-color-green: hsl(122, 100%, 23%, 0.1);
   
-  --td-settings-node-selected-border-color: #7B00FF;
+  --be-settings-node-selected-border-color: #7B00FF;
 }
 `;
 var themeDark = `
@@ -18915,44 +18893,17 @@ var themeDark = `
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
 
-  --td-footer-background-color: #09090b;
-  --td-footer-color: #e4e4e7;
-
-  --td-code-block-toolbar-cell-background-color: #09090b;
-  --td-code-block-highlighted-background-color: #1e293b;
-
-  --td-card-color: 'inherit';
-  --td-card-background-color: var(--sl-color-neutral-0);
-  --td-card-background-hover-color: var(--sl-color-neutral-50);
-  --td-card-border-color: rgba(255, 255, 255, 0.1);
-  --td-card-box-shadow-1: rgba(0, 0, 0, 0.05);
-  --td-card-box-shadow-1-y: 3px;
-  --td-card-box-shadow-1-blur: 6px;
-  --td-card-box-shadow-2: rgba(0, 0, 0, 0.1);
-  --td-card-box-shadow-2-y: 8px;
-  --td-card-box-shadow-2-blur: 15px;
-
-  --td-card-hover-border-color: rgba(255, 255, 255, 0.2);
-  --td-card-hover-box-shadow-1: rgba(0, 0, 0, 0.04);
-  --td-card-hover-box-shadow-1-y: 5px;
-  --td-card-hover-box-shadow-1-blur: 10px;
-  --td-card-hover-box-shadow-2: rgba(0, 0, 0, 0.3);
-  --td-card-hover-box-shadow-2-y: 15px;
-  --td-card-hover-box-shadow-2-blur: 25px;
-
-  --td-body-gradient-line-color: #27272a47;
-
-  --td-editor-text-color-blue: hsl(221, 100%, 70%);
-  --td-editor-text-color-purple: hsl(291, 100%, 65%);
-  --td-editor-text-color-red: hsl(4, 100%, 63%);
-  --td-editor-text-color-green: hsl(122, 100%, 34%);
-
-  --td-editor-bg-color-blue: hsl(221, 100%, 70%, 0.2);
-  --td-editor-bg-color-purple: hsl(291, 100%, 65%, 0.2);
-  --td-editor-bg-color-red: hsl(4, 100%, 63%, 0.2);
-  --td-editor-bg-color-green: hsl(122, 100%, 34%, 0.2);
+  --be-text-color-blue: hsl(221, 100%, 70%);
+  --be-text-color-purple: hsl(291, 100%, 65%);
+  --be-text-color-red: hsl(4, 100%, 63%);
+  --be-text-color-green: hsl(122, 100%, 34%);
+
+  --be-bg-color-blue: hsl(221, 100%, 70%, 0.2);
+  --be-bg-color-purple: hsl(291, 100%, 65%, 0.2);
+  --be-bg-color-red: hsl(4, 100%, 63%, 0.2);
+  --be-bg-color-green: hsl(122, 100%, 34%, 0.2);
   
-  --td-settings-node-selected-border-color: #7B00FF;
+  --be-settings-node-selected-border-color: #7B00FF;
 }
 `;
 

package/dist/index.mjs

@@ -10448,7 +10448,7 @@ import {
 import { useEffect as useEffect58, useRef as useRef33 } from "react";
 import { jsx as jsx90, jsxs as jsxs32 } from "react/jsx-runtime";
 function SimulationQuestionComponent(props) {
-  const { nodeKey, id, aiSystemMessage, step2Instruction } = props;
+  const { nodeKey, id, aiSystemMessage, commentInstructions } = props;
   const [editor] = useLexicalComposerContext49();
   const rootElementRef = useRef33(null);
   useEffect58(() => {
@@ -10494,7 +10494,7 @@ function SimulationQuestionComponent(props) {
             "data-selectable": "true",
             children: [
               /* @__PURE__ */ jsx90("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
-              /* @__PURE__ */ jsx90("div", { children: step2Instruction })
+              /* @__PURE__ */ jsx90("div", { children: commentInstructions })
             ]
           }
         )
@@ -10507,13 +10507,14 @@ function SimulationQuestionComponent(props) {
 import { jsx as jsx91 } from "react/jsx-runtime";
 var TYPE_NAME13 = "simulation-question";
 var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode15 {
-  constructor(points, aiSystemMessage, aiChatModel, step2Instructions, id, key) {
+  constructor(points, aiSystemMessage, aiChatModel, disableChat, commentInstructions, id, key) {
     super(key);
     this.__id = id || nanoid10();
     this.__points = points < 0 ? 1 : points;
     this.__aiSystemMessage = aiSystemMessage || null;
     this.__aiChatModel = aiChatModel || null;
-    this.__step2Instructions = step2Instructions || null;
+    this.__disableChat = disableChat || false;
+    this.__commentInstructions = commentInstructions || null;
   }
   static getType() {
     return TYPE_NAME13;
@@ -10523,7 +10524,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
       node.__points,
       node.__aiSystemMessage,
       node.__aiChatModel,
-      node.__step2Instructions,
+      node.__disableChat,
+      node.__commentInstructions,
       node.__id,
       node.__key
     );
@@ -10551,7 +10553,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
       serializedNode.points,
       serializedNode.aiSystemMessage,
       serializedNode.aiChatModel,
-      serializedNode.step2Instructions,
+      serializedNode.disableChat,
+      serializedNode.commentInstructions,
       serializedNode.id
     );
   }
@@ -10561,7 +10564,8 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
       points: this.__points,
       aiSystemMessage: this.__aiSystemMessage,
       aiChatModel: this.__aiChatModel,
-      step2Instructions: this.__step2Instructions,
+      disableChat: this.__disableChat,
+      commentInstructions: this.__commentInstructions,
       type: TYPE_NAME13,
       version: 1
     };
@@ -10589,18 +10593,19 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
         nodeKey: this.__key,
         id: this.__id,
         aiSystemMessage: this.__aiSystemMessage,
-        step2Instruction: this.__step2Instructions
+        commentInstructions: this.__commentInstructions
       }
     );
   }
 };
-function $createSimulationQuestionNode(points, aiSystemMessage, aiChatModel, step2Instructions, id) {
+function $createSimulationQuestionNode(points, aiSystemMessage, aiChatModel, disableChat, commentInstructions, id) {
   return $applyNodeReplacement15(
     new SimulationQuestionNode(
       points,
       aiSystemMessage,
       aiChatModel,
-      step2Instructions,
+      disableChat,
+      commentInstructions,
       id
     )
   );
@@ -15782,45 +15787,45 @@ var PopupToolbar = forwardRef13((props, ref) => {
 var textColorList = [
   {
     label: "Red",
-    color: "var(--td-editor-text-color-red)",
+    color: "var(--be-text-color-red)",
     bgColor: "default"
   },
   {
     label: "Green",
-    color: "var(--td-editor-text-color-green)",
+    color: "var(--be-text-color-green)",
     bgColor: "default"
   },
   {
     label: "Blue",
-    color: "var(--td-editor-text-color-blue)",
+    color: "var(--be-text-color-blue)",
     bgColor: "default"
   },
   {
     label: "Purple",
-    color: "var(--td-editor-text-color-purple)",
+    color: "var(--be-text-color-purple)",
     bgColor: "default"
   }
 ];
 var bgColorList = [
   {
     label: "Red",
-    bgColor: "var(--td-editor-bg-color-red)",
-    color: "var(--td-editor-text-color-red)"
+    bgColor: "var(--be-bg-color-red)",
+    color: "var(--be-text-color-red)"
   },
   {
     label: "Green",
-    bgColor: "var(--td-editor-bg-color-green)",
-    color: "var(--td-editor-text-color-green)"
+    bgColor: "var(--be-bg-color-green)",
+    color: "var(--be-text-color-green)"
   },
   {
     label: "Blue",
-    bgColor: "var(--td-editor-bg-color-blue)",
-    color: "var(--td-editor-text-color-blue)"
+    bgColor: "var(--be-bg-color-blue)",
+    color: "var(--be-text-color-blue)"
   },
   {
     label: "Purple",
-    bgColor: "var(--td-editor-bg-color-purple)",
-    color: "var(--td-editor-text-color-purple)"
+    bgColor: "var(--be-bg-color-purple)",
+    color: "var(--be-text-color-purple)"
   }
 ];
 
@@ -19186,44 +19191,17 @@ var themeLight = `
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
 
-  --td-footer-background-color: #09090b;
-  --td-footer-color: #e4e4e7;
-
-  --td-code-block-toolbar-cell-background-color: #e2e8f0;
-  --td-code-block-highlighted-background-color: #dbeafe;
-
-  --td-card-color: 'inherit';
-  --td-card-background-color: var(--sl-color-neutral-0);
-  --td-card-background-hover-color: var(--sl-color-neutral-50);
-  --td-card-border-color: rgba(24, 24, 27, 0.08);
-  --td-card-box-shadow-1: rgba(24, 24, 27, 0.02);
-  --td-card-box-shadow-1-y: 3px;
-  --td-card-box-shadow-1-blur: 6px;
-  --td-card-box-shadow-2: rgba(24, 24, 27, 0.04);
-  --td-card-box-shadow-2-y: 2px;
-  --td-card-box-shadow-2-blur: 7px;
-
-  --td-card-hover-border-color: rgba(24, 24, 27, 0.15);
-  --td-card-hover-box-shadow-1: rgba(24, 24, 27, 0.05);
-  --td-card-hover-box-shadow-1-y: 3px;
-  --td-card-hover-box-shadow-1-blur: 6px;
-  --td-card-hover-box-shadow-2: rgba(24, 24, 27, 0.1);
-  --td-card-hover-box-shadow-2-y: 8px;
-  --td-card-hover-box-shadow-2-blur: 15px;
-
-  --td-body-gradient-line-color: #ffffff;
-
-  --td-editor-text-color-blue: hsl(221, 100%, 50%);
-  --td-editor-text-color-purple: hsl(291, 100%, 39%);
-  --td-editor-text-color-red: hsl(4, 100%, 40%);
-  --td-editor-text-color-green: hsl(122, 100%, 23%);
-
-  --td-editor-bg-color-blue: hsl(221, 100%, 50%, 0.1);
-  --td-editor-bg-color-purple: hsl(291, 100%, 39%, 0.1);
-  --td-editor-bg-color-red: hsl(4, 100%, 40%, 0.1);
-  --td-editor-bg-color-green: hsl(122, 100%, 23%, 0.1);
+  --be-text-color-blue: hsl(221, 100%, 50%);
+  --be-text-color-purple: hsl(291, 100%, 39%);
+  --be-text-color-red: hsl(4, 100%, 40%);
+  --be-text-color-green: hsl(122, 100%, 23%);
+
+  --be-bg-color-blue: hsl(221, 100%, 50%, 0.1);
+  --be-bg-color-purple: hsl(291, 100%, 39%, 0.1);
+  --be-bg-color-red: hsl(4, 100%, 40%, 0.1);
+  --be-bg-color-green: hsl(122, 100%, 23%, 0.1);
   
-  --td-settings-node-selected-border-color: #7B00FF;
+  --be-settings-node-selected-border-color: #7B00FF;
 }
 `;
 var themeDark = `
@@ -19523,44 +19501,17 @@ var themeDark = `
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
 
-  --td-footer-background-color: #09090b;
-  --td-footer-color: #e4e4e7;
-
-  --td-code-block-toolbar-cell-background-color: #09090b;
-  --td-code-block-highlighted-background-color: #1e293b;
-
-  --td-card-color: 'inherit';
-  --td-card-background-color: var(--sl-color-neutral-0);
-  --td-card-background-hover-color: var(--sl-color-neutral-50);
-  --td-card-border-color: rgba(255, 255, 255, 0.1);
-  --td-card-box-shadow-1: rgba(0, 0, 0, 0.05);
-  --td-card-box-shadow-1-y: 3px;
-  --td-card-box-shadow-1-blur: 6px;
-  --td-card-box-shadow-2: rgba(0, 0, 0, 0.1);
-  --td-card-box-shadow-2-y: 8px;
-  --td-card-box-shadow-2-blur: 15px;
-
-  --td-card-hover-border-color: rgba(255, 255, 255, 0.2);
-  --td-card-hover-box-shadow-1: rgba(0, 0, 0, 0.04);
-  --td-card-hover-box-shadow-1-y: 5px;
-  --td-card-hover-box-shadow-1-blur: 10px;
-  --td-card-hover-box-shadow-2: rgba(0, 0, 0, 0.3);
-  --td-card-hover-box-shadow-2-y: 15px;
-  --td-card-hover-box-shadow-2-blur: 25px;
-
-  --td-body-gradient-line-color: #27272a47;
-
-  --td-editor-text-color-blue: hsl(221, 100%, 70%);
-  --td-editor-text-color-purple: hsl(291, 100%, 65%);
-  --td-editor-text-color-red: hsl(4, 100%, 63%);
-  --td-editor-text-color-green: hsl(122, 100%, 34%);
-
-  --td-editor-bg-color-blue: hsl(221, 100%, 70%, 0.2);
-  --td-editor-bg-color-purple: hsl(291, 100%, 65%, 0.2);
-  --td-editor-bg-color-red: hsl(4, 100%, 63%, 0.2);
-  --td-editor-bg-color-green: hsl(122, 100%, 34%, 0.2);
+  --be-text-color-blue: hsl(221, 100%, 70%);
+  --be-text-color-purple: hsl(291, 100%, 65%);
+  --be-text-color-red: hsl(4, 100%, 63%);
+  --be-text-color-green: hsl(122, 100%, 34%);
+
+  --be-bg-color-blue: hsl(221, 100%, 70%, 0.2);
+  --be-bg-color-purple: hsl(291, 100%, 65%, 0.2);
+  --be-bg-color-red: hsl(4, 100%, 63%, 0.2);
+  --be-bg-color-green: hsl(122, 100%, 34%, 0.2);
   
-  --td-settings-node-selected-border-color: #7B00FF;
+  --be-settings-node-selected-border-color: #7B00FF;
 }
 `;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@examind/block-editor",
-  "version": "0.1.32",
+  "version": "0.1.35",
   "@comment version": [
     "Don't specify package version here. It will be injected by publish workflow."
   ],
@@ -62,7 +62,7 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",
-    "@examind/block-types": "0.1.32"
+    "@examind/block-types": "0.1.35"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",