@examind/block-editor 0.1.31 → 0.1.33

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

@@ -15305,45 +15305,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 +18578,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 +18888,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

@@ -15782,45 +15782,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 +19186,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 +19496,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.31",
+  "version": "0.1.33",
   "@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.31"
+    "@examind/block-types": "0.1.33"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",