prosekit 0.16.2 → 0.17.0

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 (6) hide show
  1. package/dist/basic/style.css +6 -6
  2. package/dist/basic/typography.css +11 -2
  3. package/dist/extensions/list/style.css +5 -5
  4. package/dist/pm/view/style/prosemirror.css +1 -1
  5. package/package.json +27 -27
  6. package/src/basic/typography-css.ts +1 -0
package/dist/basic/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /* ../../node_modules/.pnpm/prosemirror-view@1.41.3/node_modules/prosemirror-view/style/prosemirror.css */
1
+ /* ../../node_modules/.pnpm/prosemirror-view@1.41.4/node_modules/prosemirror-view/style/prosemirror.css */
2
2
  .ProseMirror {
3
3
  position: relative;
4
4
  }
@@ -66,16 +66,16 @@ img.ProseMirror-separator {
66
66
  }
67
67
  .prosemirror-flat-list > .list-marker {
68
68
  position: absolute;
69
- left: 0;
70
69
  width: 1.5em;
71
70
  width: 1lh;
72
71
  height: 1.5em;
73
72
  height: 1lh;
73
+ inset-inline-start: 0;
74
74
  text-align: center;
75
75
  }
76
76
  .prosemirror-flat-list > .list-content {
77
- margin-left: 1.5em;
78
- margin-left: 1lh;
77
+ margin-inline-start: 1.5em;
78
+ margin-inline-start: 1lh;
79
79
  }
80
80
  .prosemirror-flat-list[data-list-kind=bullet] > .list-marker,
81
81
  .prosemirror-flat-list[data-list-kind=toggle] > .list-marker {
@@ -107,8 +107,8 @@ img.ProseMirror-separator {
107
107
  }
108
108
  .prosemirror-flat-list[data-list-kind=ordered]::before {
109
109
  position: absolute;
110
- right: calc(100% - 1.5em);
111
- right: calc(100% - 1lh);
110
+ inset-inline-end: calc(100% - 1.5em);
111
+ inset-inline-end: calc(100% - 1lh);
112
112
  content: counter(prosemirror-flat-list-counter, decimal) ". ";
113
113
  font-variant-numeric: tabular-nums;
114
114
  }
package/dist/basic/typography.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* ../basic/src/typography.css */
2
2
  :root {
3
3
  --prosekit-node-selection-color: rgba(57, 136, 255, 0.2);
4
+ --prosekit-autocomplete-color: rgba(209, 213, 219, 0.15);
4
5
  }
5
6
  .ProseMirror {
6
7
  display: flex;
@@ -52,8 +53,8 @@
52
53
  line-height: 1.5;
53
54
  }
54
55
  .ProseMirror blockquote {
55
- padding-left: 1em;
56
- border-left: 0.25em solid hsl(0 0% 60% / 0.4);
56
+ padding-inline-start: 1em;
57
+ border-inline-start: 0.25em solid hsl(0 0% 60% / 0.4);
57
58
  }
58
59
  .ProseMirror h1 {
59
60
  margin: 1rem 0;
@@ -108,6 +109,9 @@
108
109
  .ProseMirror pre code {
109
110
  font-weight: inherit;
110
111
  }
112
+ .ProseMirror pre:has(code) {
113
+ direction: ltr;
114
+ }
111
115
  .ProseMirror hr {
112
116
  margin: 2em 0;
113
117
  border-width: 1px;
@@ -165,6 +169,11 @@
165
169
  outline-width: 0.3rem;
166
170
  background-color: var(--prosekit-node-selection-color);
167
171
  }
172
+ .ProseMirror .prosekit-autocomplete-match {
173
+ border-radius: 0.1em;
174
+ background-color: var(--prosekit-autocomplete-color);
175
+ box-shadow: 0 0 0 0.3em var(--prosekit-autocomplete-color);
176
+ }
168
177
  .ProseMirror.prosekit-dragging {
169
178
  --prosekit-node-selection-color: transparent;
170
179
  }
package/dist/extensions/list/style.css CHANGED
@@ -12,16 +12,16 @@
12
12
  }
13
13
  .prosemirror-flat-list > .list-marker {
14
14
  position: absolute;
15
- left: 0;
16
15
  width: 1.5em;
17
16
  width: 1lh;
18
17
  height: 1.5em;
19
18
  height: 1lh;
19
+ inset-inline-start: 0;
20
20
  text-align: center;
21
21
  }
22
22
  .prosemirror-flat-list > .list-content {
23
- margin-left: 1.5em;
24
- margin-left: 1lh;
23
+ margin-inline-start: 1.5em;
24
+ margin-inline-start: 1lh;
25
25
  }
26
26
  .prosemirror-flat-list[data-list-kind=bullet] > .list-marker,
27
27
  .prosemirror-flat-list[data-list-kind=toggle] > .list-marker {
@@ -53,8 +53,8 @@
53
53
  }
54
54
  .prosemirror-flat-list[data-list-kind=ordered]::before {
55
55
  position: absolute;
56
- right: calc(100% - 1.5em);
57
- right: calc(100% - 1lh);
56
+ inset-inline-end: calc(100% - 1.5em);
57
+ inset-inline-end: calc(100% - 1lh);
58
58
  content: counter(prosemirror-flat-list-counter, decimal) ". ";
59
59
  font-variant-numeric: tabular-nums;
60
60
  }
package/dist/pm/view/style/prosemirror.css CHANGED
@@ -1,4 +1,4 @@
1
- /* ../../node_modules/.pnpm/prosemirror-view@1.41.3/node_modules/prosemirror-view/style/prosemirror.css */
1
+ /* ../../node_modules/.pnpm/prosemirror-view@1.41.4/node_modules/prosemirror-view/style/prosemirror.css */
2
2
  .ProseMirror {
3
3
  position: relative;
4
4
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "prosekit",
3
3
  "type": "module",
4
- "version": "0.16.2",
4
+ "version": "0.17.0",
5
5
  "private": false,
6
6
  "description": "ProseKit: A toolkit for building rich text editors.",
7
7
  "author": {
@@ -520,21 +520,21 @@
520
520
  "src"
521
521
  ],
522
522
  "dependencies": {
523
- "@prosekit/basic": "0.6.5",
524
- "@prosekit/core": "0.8.6",
525
- "@prosekit/extensions": "0.12.1",
526
- "@prosekit/lit": "0.5.2",
527
- "@prosekit/pm": "0.1.14",
528
- "@prosekit/preact": "0.6.1",
529
- "@prosekit/solid": "0.6.1",
530
- "@prosekit/svelte": "0.8.1",
531
- "@prosekit/vue": "0.6.1",
532
- "@prosekit/web": "0.7.6",
533
- "@prosekit/react": "0.6.2"
523
+ "@prosekit/basic": "0.7.0",
524
+ "@prosekit/core": "0.9.0",
525
+ "@prosekit/pm": "0.1.15",
526
+ "@prosekit/extensions": "0.13.0",
527
+ "@prosekit/lit": "0.5.4",
528
+ "@prosekit/preact": "0.6.3",
529
+ "@prosekit/solid": "0.6.3",
530
+ "@prosekit/react": "0.6.4",
531
+ "@prosekit/vue": "0.6.3",
532
+ "@prosekit/svelte": "0.8.3",
533
+ "@prosekit/web": "0.7.8"
534
534
  },
535
535
  "peerDependencies": {
536
- "loro-crdt": ">= 0.16.7",
537
- "loro-prosemirror": ">= 0.0.7",
536
+ "loro-crdt": ">= 1.10.0",
537
+ "loro-prosemirror": ">= 0.4.1",
538
538
  "preact": ">= 10.11.0",
539
539
  "react": ">= 18.2.0",
540
540
  "react-dom": ">= 18.2.0",
@@ -577,25 +577,25 @@
577
577
  }
578
578
  },
579
579
  "devDependencies": {
580
- "@types/react": "^19.2.3",
581
- "@types/react-dom": "^19.2.2",
582
- "esbuild": "^0.27.0",
583
- "loro-crdt": "^1.9.0",
584
- "loro-prosemirror": "^0.3.7",
585
- "preact": "^10.27.2",
586
- "react": "^19.2.0",
587
- "react-dom": "^19.2.0",
580
+ "@types/react": "^19.2.7",
581
+ "@types/react-dom": "^19.2.3",
582
+ "esbuild": "^0.27.1",
583
+ "loro-crdt": "^1.10.2",
584
+ "loro-prosemirror": "^0.4.1",
585
+ "preact": "^10.28.0",
586
+ "react": "^19.2.1",
587
+ "react-dom": "^19.2.1",
588
588
  "solid-js": "^1.9.10",
589
- "svelte": "^5.43.6",
590
- "tsdown": "^0.16.2",
591
- "typedoc": "^0.28.14",
589
+ "svelte": "^5.45.6",
590
+ "tsdown": "^0.17.0",
591
+ "typedoc": "^0.28.15",
592
592
  "typedoc-plugin-external-package-links": "^0.2.0",
593
- "typedoc-plugin-frontmatter": "^1.3.0",
593
+ "typedoc-plugin-frontmatter": "^1.3.1",
594
594
  "typedoc-plugin-markdown": "^4.9.0",
595
595
  "typedoc-plugin-md": "^0.7.1",
596
596
  "typedoc-plugin-mdn-links": "^5.0.10",
597
597
  "typescript": "~5.9.3",
598
- "vue": "^3.5.24",
598
+ "vue": "^3.5.25",
599
599
  "y-prosemirror": "^1.3.7",
600
600
  "yjs": "^13.6.27",
601
601
  "@prosekit/config-tsdown": "0.0.0",
package/src/basic/typography-css.ts CHANGED
@@ -4,6 +4,7 @@
4
4
  * CSS variables:
5
5
  *
6
6
  * - `--prosekit-node-selection-color`: The color of the node selection background.
7
+ * - `--prosekit-autocomplete-color`: The color of the autocomplete match background.
7
8
  *
8
9
  * [view source code](https://unpkg.com/prosekit/basic/typography.css)
9
10
  *