@meowdown/core 0.83.1 → 0.83.3

package/README.md

@@ -60,6 +60,7 @@ the current block to that level (or back to a paragraph).
 | `Mod-Alt-5`           | Heading 5                                                 | `##### heading`     |
 | `Mod-Alt-6`           | Heading 6                                                 | `###### heading`    |
 | `Mod-.`               | Fold or unfold a bullet                                   |                     |
+| `Mod-/`               | Open the code block menu                                  |                     |
 | `Shift-Enter`         | Insert a line break                                       |                     |
 | `Mod-Enter`           | Follow the link under the caret, or cycle a checkbox task | `- [ ]` / `- [x]`   |
 | `Mod-Shift-Enter`     | Cycle a circle checkbox task                              | `+ [ ]` / `+ [x]`   |

package/dist/index.d.ts

@@ -1389,6 +1389,7 @@ export declare const EDITOR_KEY_BINDINGS: {
   readonly 'Mod-Alt-5': "Heading 5";
   readonly 'Mod-Alt-6': "Heading 6";
   readonly 'Mod-.': "Fold or unfold a bullet";
+  readonly 'Mod-/': "Open the code block menu";
   readonly 'Shift-Enter': "Insert a line break, or leave a code block from its end";
   readonly 'Mod-Enter': "Follow the link under the caret, or cycle a checkbox task";
   readonly 'Mod-Shift-Enter': "Cycle a circle checkbox task";

package/dist/index.js

@@ -7558,6 +7558,7 @@ const EDITOR_KEY_BINDINGS = {
 	"Mod-Alt-5": "Heading 5",
 	"Mod-Alt-6": "Heading 6",
 	"Mod-.": "Fold or unfold a bullet",
+	"Mod-/": "Open the code block menu",
 	"Shift-Enter": "Insert a line break, or leave a code block from its end",
 	"Mod-Enter": "Follow the link under the caret, or cycle a checkbox task",
 	"Mod-Shift-Enter": "Cycle a circle checkbox task",

package/dist/style.css

@@ -200,6 +200,20 @@
     }
   }
 
+  @keyframes meowdown-embed-fade {
+    from, to {
+      mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
+      mask-size: 100% calc(var(--_body-limit) - var(--_show-more-height) - 2 * var(--_clip-gutter));
+      mask-repeat: no-repeat;
+    }
+  }
+
+  @keyframes meowdown-embed-show {
+    from, to {
+      visibility: visible;
+    }
+  }
+
   [data-meowdown-embed="x"] [data-root], [data-meowdown-embed="x"] [data-root] *, [data-meowdown-embed="x"] [data-root] :before, [data-meowdown-embed="x"] [data-root] :after {
     all: revert;
     box-sizing: border-box;
@@ -391,6 +405,7 @@
         max-height: calc(var(--_body-limit) - var(--_overflowing) * var(--_show-more-height));
         padding: var(--_clip-gutter);
         margin: calc(-1 * var(--_clip-gutter));
+        scroll-timeline: --meowdown-embed-clip block;
         margin-block-end: calc(var(--_overflowing) * var(--_show-more-height) - var(--_clip-gutter));
         animation: linear both meowdown-embed-overflowing scroll(self);
         overflow: hidden;
@@ -402,23 +417,21 @@
         overflow: visible;
       }
 
-      @container style(--_overflowing: 1) {
-        & > article > [data-content] {
-          mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
-          mask-size: 100%
-          calc(var(--_body-limit) - var(--_show-more-height) - 2 * var(--_clip-gutter));
-          mask-repeat: no-repeat;
-        }
+      & > article > [data-content] {
+        animation: linear both meowdown-embed-fade --meowdown-embed-clip;
+      }
 
-        & > article > [data-show-more] {
-          inset-inline-start: var(--meowdown-embed-padding, 1rem);
-          bottom: var(--meowdown-embed-padding, 1rem);
-          display: block;
-          position: absolute;
-        }
+      & > article > [data-show-more] {
+        inset-inline-start: var(--meowdown-embed-padding, 1rem);
+        bottom: var(--meowdown-embed-padding, 1rem);
+        visibility: hidden;
+        animation: linear both meowdown-embed-show --meowdown-embed-clip;
+        display: block;
+        position: absolute;
       }
 
       & > article > [data-show-more][open] {
+        visibility: visible;
         z-index: 1;
         width: fit-content;
         margin: .5rem auto 0;
@@ -1209,13 +1222,32 @@
   }
 
   .ProseMirror .prosemirror-flat-list[data-list-kind="task"] {
-    transition: opacity .2s;
+    transition: color .2s;
 
     &[data-list-checked] {
-      opacity: .5;
+      color: color-mix(in srgb, currentColor 50%, transparent);
 
       & .prosemirror-flat-list[data-list-kind="task"][data-list-checked] {
-        opacity: 1;
+        color: inherit;
+      }
+
+      & :is(.md-link, .md-link-uri, .md-link-title) {
+        color: color-mix(in srgb, var(--meowdown-accent) 50%, transparent);
+      }
+
+      & .md-tag {
+        background: color-mix(in oklab, var(--meowdown-accent) 5%, transparent);
+        color: color-mix(in srgb,
+          color-mix(in oklab, var(--meowdown-accent) 80%, var(--meowdown-heading)) 50%,
+          transparent);
+      }
+
+      & .md-mark {
+        color: color-mix(in srgb, var(--meowdown-mark) 50%, transparent);
+      }
+
+      & .list-marker input[type="checkbox"] {
+        border-color: color-mix(in srgb, var(--meowdown-muted) 50%, transparent);
       }
     }
 
@@ -1238,8 +1270,8 @@
         transition: background-color .15s, border-color .15s;
 
         &:checked {
-          background-color: var(--meowdown-accent);
-          background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+          background-color: color-mix(in srgb, var(--meowdown-accent) 50%, transparent);
+          background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' fill-opacity='0.5' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
           border-color: #0000;
         }
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/core",
   "type": "module",
-  "version": "0.83.1",
+  "version": "0.83.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "@codemirror/language-data": "^6.5.2",
     "@floating-ui/dom": "^1.8.0",
     "@lezer/highlight": "^1.2.5",
-    "@meowdown/embed": "0.3.1",
+    "@meowdown/embed": "0.3.2",
     "@meowdown/markdown": "0.78.0",
     "@ocavue/utils": "^1.11.0",
     "@post-embed/exporter": "^0.5.0",