npm - @meta-1/editor - Versions diffs - 1.0.4 → 1.0.6 - Mend

@meta-1/editor 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/editor",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "keywords": [
     "meta",
     "tailwindcss",

package/src/components/tiptap-node/blockquote-node/blockquote-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* =====================
     BLOCKQUOTE

package/src/components/tiptap-node/code-block-node/code-block-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* =====================
   CODE FORMATTING

package/src/components/tiptap-node/heading-node/heading-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap.ProseMirror {
   h1,

package/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* =====================
     HORIZONTAL RULE

package/src/components/tiptap-node/image-node/image-node-view.css CHANGED Viewed

@@ -1,4 +1,8 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
+.tiptap.ProseMirror[data-dragging="true"] .ProseMirror-selectednode .tiptap-image .tiptap-image-container {
+  outline: none !important;
+}
 .tiptap.ProseMirror .ProseMirror-selectednode .tiptap-image .tiptap-image-container {
   @apply rounded-sm;

package/src/components/tiptap-node/image-node/image-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap.ProseMirror img {
   @apply max-w-full h-auto block;
@@ -13,6 +13,10 @@
   @apply outline-indigo-500;
 }
+.tiptap.ProseMirror[data-dragging="true"] img:not([data-type="emoji"] img).ProseMirror-selectednode {
+  outline: none !important;
+}
 /* Thread image handling */
 .tiptap.ProseMirror .tiptap-thread:has(> img) {
   @apply my-8;

package/src/components/tiptap-node/image-upload-node/image-upload-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-image-upload input[type="file"] {
   @apply hidden;

package/src/components/tiptap-node/list-node/list-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* =====================
      LISTS

package/src/components/tiptap-node/paragraph-node/paragraph-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* Ensure each top-level node has relative positioning
    so absolutely positioned placeholders work correctly */

package/src/components/tiptap-node/table-node/styles/prosemirror-table.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .ProseMirror .tableWrapper {
   @apply overflow-x-auto;

package/src/components/tiptap-node/table-node/styles/table-node.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap [data-content-type="table"] .tableWrapper {
   @apply overflow-y-hidden p-4;

package/src/components/tiptap-node/table-node/ui/table-cell-handle-menu/table-cell-handle-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .expandable-menu-button {
   @apply absolute top-1/2 -translate-y-1/2 w-4 h-4 bg-transparent rounded-full cursor-pointer flex items-center justify-center pointer-events-auto;

package/src/components/tiptap-node/table-node/ui/table-extend-row-column-button/table-extend-row-column-button.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-table-extend-row-column-button {
   @apply border-0 flex items-center justify-center bg-gray-100 dark:bg-gray-800 rounded-lg;

package/src/components/tiptap-node/table-node/ui/table-handle-menu/table-handle-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-table-handle-menu {
   @apply border-0 flex items-center justify-center bg-gray-100 dark:bg-gray-800 rounded-lg cursor-grab;

package/src/components/tiptap-node/table-node/ui/table-trigger-button/table-grid-selector.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* Grid container */
 .tiptap-table-grid {

package/src/components/tiptap-ui/color-highlight-button/color-highlight-button.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-button-highlight {
   @apply relative rounded-full;

package/src/components/tiptap-ui/color-text-button/color-text-button.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-button-color-text {
   @apply flex items-center justify-center relative rounded-full;

package/src/components/tiptap-ui/color-text-popover/color-text-popover.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-button-color-text-popover {
   @apply relative flex items-center justify-center rounded-full;

package/src/components/tiptap-ui/drag-context-menu/drag-context-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .drag-handle {
   transition-property: top;

package/src/components/tiptap-ui/drag-context-menu/drag-context-menu.tsx CHANGED Viewed

@@ -316,11 +316,15 @@ export const DragContextMenu: React.FC<DragContextMenuProps> = ({
   const onElementDragStart = useCallback(() => {
     if (!editor) return;
     editor.commands.setIsDragging(true);
+    // Add data attribute to hide selected outline in drag ghost
+    editor.view.dom.setAttribute("data-dragging", "true");
   }, [editor]);
   const onElementDragEnd = useCallback(() => {
     if (!editor) return;
     editor.commands.setIsDragging(false);
+    // Remove data attribute
+    editor.view.dom.removeAttribute("data-dragging");
     setTimeout(() => {
       editor.view.dom.blur();

package/src/components/tiptap-ui/emoji-menu/emoji-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 :root {
   --emoji-input-bg-color: var(--white);

package/src/components/tiptap-ui/slash-dropdown-menu/slash-dropdown-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 span.tiptap-slash-decoration {
   @apply bg-gray-100 rounded-sm;

package/src/components/tiptap-ui-primitive/avatar/avatar.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-avatar {
   @apply relative inline-flex items-center justify-center align-middle overflow-hidden select-none flex-shrink-0;

package/src/components/tiptap-ui-primitive/badge/badge-colors.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /* Default variant - White background */
 .tiptap-badge {

package/src/components/tiptap-ui-primitive/badge/badge-group.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-badge-group {
   align-items: center;

package/src/components/tiptap-ui-primitive/badge/badge.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-badge {
   @apply text-[0.625rem] font-bold leading-[1.15] h-5 min-w-[1.25rem] px-1 flex items-center justify-center border border-solid rounded-md;

package/src/components/tiptap-ui-primitive/button/button-colors.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 /*
  * This file is retained for compatibility but the variables defined here are not used.

package/src/components/tiptap-ui-primitive/button/button-group.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-button-group {
   @apply relative flex align-middle;

package/src/components/tiptap-ui-primitive/button/button.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-button {
   @apply text-sm font-medium h-8 min-w-8 border-0 p-2 gap-1 flex items-center justify-center rounded-lg;

package/src/components/tiptap-ui-primitive/card/card.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-card {
   @apply rounded-xl shadow-lg bg-white border border-gray-200 flex flex-col outline-none items-center relative min-w-0 break-words;

package/src/components/tiptap-ui-primitive/combobox/combobox.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-combobox-list {
   @apply h-full rounded-xl border border-gray-200 bg-white text-gray-600 p-1.5 shadow-lg outline-none max-w-64 overflow-y-auto;

package/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-dropdown-menu {
   @apply z-50 outline-none;

package/src/components/tiptap-ui-primitive/input/input.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-input {
   @apply block w-full h-8 text-sm font-normal rounded-md bg-transparent appearance-none outline-none;

package/src/components/tiptap-ui-primitive/label/label.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-label {
   @apply mt-3 mx-2 mb-1 text-xs font-semibold leading-normal capitalize text-gray-800;

package/src/components/tiptap-ui-primitive/menu/menu.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-menu-content {
   @apply z-50 flex flex-col h-full outline-none;

package/src/components/tiptap-ui-primitive/popover/popover.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-popover {
   @apply z-50 outline-none;

package/src/components/tiptap-ui-primitive/separator/separator.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-separator {
   @apply flex-shrink-0 bg-gray-200;

package/src/components/tiptap-ui-primitive/sidebar/sidebar.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .sidebar {
   @apply hidden md:block;

package/src/components/tiptap-ui-primitive/toolbar/toolbar.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-toolbar {
   @apply flex items-center gap-1;

package/src/components/tiptap-ui-primitive/tooltip/tooltip.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .tiptap-tooltip {
   @apply z-[200] overflow-hidden rounded-md bg-gray-900 px-2 py-1.5 text-xs font-medium text-white text-center;

package/src/content/style.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@reference "@meta-1/design/theme.css";
 .meta1-content .tiptap [data-content-type="table"] .tableWrapper {
   @apply p-0;

package/src/styles/variables.css CHANGED Viewed

@@ -1,3 +1,4 @@
+@reference "@meta-1/design/theme.css";
 :root {
   /* Text colors - Light mode */
   --tt-color-text: hsl(0, 0%, 20%);