@prosekit/basic 0.7.3 → 0.9.0-beta.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.
@@ -19,7 +19,6 @@ import { defineTable } from "@prosekit/extensions/table";
19
19
  import { defineText } from "@prosekit/extensions/text";
20
20
  import { defineUnderline } from "@prosekit/extensions/underline";
21
21
  import { defineVirtualSelection } from "@prosekit/extensions/virtual-selection";
22
-
23
22
  //#region src/index.ts
24
23
  /**
25
24
  * Define a basic extension that includes some common functionality. You can
@@ -56,7 +55,7 @@ import { defineVirtualSelection } from "@prosekit/extensions/virtual-selection";
56
55
  function defineBasicExtension() {
57
56
  return union(defineDoc(), defineText(), defineParagraph(), defineHeading(), defineList(), defineBlockquote(), defineImage(), defineHorizontalRule(), defineHardBreak(), defineTable(), defineCodeBlock(), defineItalic(), defineBold(), defineUnderline(), defineStrike(), defineCode(), defineLink(), defineBaseKeymap(), defineBaseCommands(), defineHistory(), defineGapCursor(), defineVirtualSelection(), defineModClickPrevention());
58
57
  }
59
-
60
58
  //#endregion
61
59
  export { defineBasicExtension };
60
+
62
61
  //# sourceMappingURL=prosekit-basic.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"prosekit-basic.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n defineBaseCommands,\n defineBaseKeymap,\n defineHistory,\n union,\n type BaseCommandsExtension,\n type BaseKeymapExtension,\n type HistoryExtension,\n type Union,\n} from '@prosekit/core'\nimport { defineBlockquote, type BlockquoteExtension } from '@prosekit/extensions/blockquote'\nimport { defineBold, type BoldExtension } from '@prosekit/extensions/bold'\nimport { defineCode, type CodeExtension } from '@prosekit/extensions/code'\nimport { defineCodeBlock, type CodeBlockExtension } from '@prosekit/extensions/code-block'\nimport { defineDoc, type DocExtension } from '@prosekit/extensions/doc'\nimport { defineGapCursor, type GapCursorExtension } from '@prosekit/extensions/gap-cursor'\nimport { defineHardBreak, type HardBreakExtension } from '@prosekit/extensions/hard-break'\nimport { defineHeading, type HeadingExtension } from '@prosekit/extensions/heading'\nimport { defineHorizontalRule, type HorizontalRuleExtension } from '@prosekit/extensions/horizontal-rule'\nimport { defineImage, type ImageExtension } from '@prosekit/extensions/image'\nimport { defineItalic, type ItalicExtension } from '@prosekit/extensions/italic'\nimport { defineLink, type LinkExtension } from '@prosekit/extensions/link'\nimport { defineList, type ListExtension } from '@prosekit/extensions/list'\nimport { defineModClickPrevention, type ModClickPreventionExtension } from '@prosekit/extensions/mod-click-prevention'\nimport { defineParagraph, type ParagraphExtension } from '@prosekit/extensions/paragraph'\nimport { defineStrike, type StrikeExtension } from '@prosekit/extensions/strike'\nimport { defineTable, type TableExtension } from '@prosekit/extensions/table'\nimport { defineText, type TextExtension } from '@prosekit/extensions/text'\nimport { defineUnderline, type UnderlineExtension } from '@prosekit/extensions/underline'\nimport { defineVirtualSelection, type VirtualSelectionExtension } from '@prosekit/extensions/virtual-selection'\n\n/**\n * @internal\n */\nexport type BasicExtension = Union<\n [\n // Nodes\n DocExtension,\n TextExtension,\n ParagraphExtension,\n HeadingExtension,\n ListExtension,\n BlockquoteExtension,\n ImageExtension,\n HorizontalRuleExtension,\n HardBreakExtension,\n TableExtension,\n CodeBlockExtension,\n // Marks\n ItalicExtension,\n BoldExtension,\n UnderlineExtension,\n StrikeExtension,\n CodeExtension,\n LinkExtension,\n // Others\n BaseKeymapExtension,\n BaseCommandsExtension,\n HistoryExtension,\n GapCursorExtension,\n VirtualSelectionExtension,\n ModClickPreventionExtension,\n ]\n>\n\n/**\n * Define a basic extension that includes some common functionality. You can\n * copy this function and customize it to your needs.\n *\n * It's a combination of the following extension functions:\n *\n * - {@link defineDoc}\n * - {@link defineText}\n * - {@link defineParagraph}\n * - {@link defineHeading}\n * - {@link defineList}\n * - {@link defineBlockquote}\n * - {@link defineImage}\n * - {@link defineHorizontalRule}\n * - {@link defineHardBreak}\n * - {@link defineTable}\n * - {@link defineCodeBlock}\n * - {@link defineItalic}\n * - {@link defineBold}\n * - {@link defineUnderline}\n * - {@link defineStrike}\n * - {@link defineCode}\n * - {@link defineLink}\n * - {@link defineBaseKeymap}\n * - {@link defineBaseCommands}\n * - {@link defineHistory}\n * - {@link defineGapCursor}\n * - {@link defineVirtualSelection}\n * - {@link defineModClickPrevention}\n *\n * @public\n */\nexport function defineBasicExtension(): BasicExtension {\n return union(\n // Nodes\n defineDoc(),\n defineText(),\n defineParagraph(),\n defineHeading(),\n defineList(),\n defineBlockquote(),\n defineImage(),\n defineHorizontalRule(),\n defineHardBreak(),\n defineTable(),\n defineCodeBlock(),\n // Marks\n defineItalic(),\n defineBold(),\n defineUnderline(),\n defineStrike(),\n defineCode(),\n defineLink(),\n // Others\n defineBaseKeymap(),\n defineBaseCommands(),\n defineHistory(),\n defineGapCursor(),\n defineVirtualSelection(),\n defineModClickPrevention(),\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,SAAgB,uBAAuC;AACrD,QAAO,MAEL,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EAEjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,CAC3B"}
1
+ {"version":3,"file":"prosekit-basic.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n defineBaseCommands,\n defineBaseKeymap,\n defineHistory,\n union,\n type BaseCommandsExtension,\n type BaseKeymapExtension,\n type HistoryExtension,\n type Union,\n} from '@prosekit/core'\nimport { defineBlockquote, type BlockquoteExtension } from '@prosekit/extensions/blockquote'\nimport { defineBold, type BoldExtension } from '@prosekit/extensions/bold'\nimport { defineCode, type CodeExtension } from '@prosekit/extensions/code'\nimport { defineCodeBlock, type CodeBlockExtension } from '@prosekit/extensions/code-block'\nimport { defineDoc, type DocExtension } from '@prosekit/extensions/doc'\nimport { defineGapCursor, type GapCursorExtension } from '@prosekit/extensions/gap-cursor'\nimport { defineHardBreak, type HardBreakExtension } from '@prosekit/extensions/hard-break'\nimport { defineHeading, type HeadingExtension } from '@prosekit/extensions/heading'\nimport { defineHorizontalRule, type HorizontalRuleExtension } from '@prosekit/extensions/horizontal-rule'\nimport { defineImage, type ImageExtension } from '@prosekit/extensions/image'\nimport { defineItalic, type ItalicExtension } from '@prosekit/extensions/italic'\nimport { defineLink, type LinkExtension } from '@prosekit/extensions/link'\nimport { defineList, type ListExtension } from '@prosekit/extensions/list'\nimport { defineModClickPrevention, type ModClickPreventionExtension } from '@prosekit/extensions/mod-click-prevention'\nimport { defineParagraph, type ParagraphExtension } from '@prosekit/extensions/paragraph'\nimport { defineStrike, type StrikeExtension } from '@prosekit/extensions/strike'\nimport { defineTable, type TableExtension } from '@prosekit/extensions/table'\nimport { defineText, type TextExtension } from '@prosekit/extensions/text'\nimport { defineUnderline, type UnderlineExtension } from '@prosekit/extensions/underline'\nimport { defineVirtualSelection, type VirtualSelectionExtension } from '@prosekit/extensions/virtual-selection'\n\n/**\n * @internal\n */\nexport type BasicExtension = Union<\n [\n // Nodes\n DocExtension,\n TextExtension,\n ParagraphExtension,\n HeadingExtension,\n ListExtension,\n BlockquoteExtension,\n ImageExtension,\n HorizontalRuleExtension,\n HardBreakExtension,\n TableExtension,\n CodeBlockExtension,\n // Marks\n ItalicExtension,\n BoldExtension,\n UnderlineExtension,\n StrikeExtension,\n CodeExtension,\n LinkExtension,\n // Others\n BaseKeymapExtension,\n BaseCommandsExtension,\n HistoryExtension,\n GapCursorExtension,\n VirtualSelectionExtension,\n ModClickPreventionExtension,\n ]\n>\n\n/**\n * Define a basic extension that includes some common functionality. You can\n * copy this function and customize it to your needs.\n *\n * It's a combination of the following extension functions:\n *\n * - {@link defineDoc}\n * - {@link defineText}\n * - {@link defineParagraph}\n * - {@link defineHeading}\n * - {@link defineList}\n * - {@link defineBlockquote}\n * - {@link defineImage}\n * - {@link defineHorizontalRule}\n * - {@link defineHardBreak}\n * - {@link defineTable}\n * - {@link defineCodeBlock}\n * - {@link defineItalic}\n * - {@link defineBold}\n * - {@link defineUnderline}\n * - {@link defineStrike}\n * - {@link defineCode}\n * - {@link defineLink}\n * - {@link defineBaseKeymap}\n * - {@link defineBaseCommands}\n * - {@link defineHistory}\n * - {@link defineGapCursor}\n * - {@link defineVirtualSelection}\n * - {@link defineModClickPrevention}\n *\n * @public\n */\nexport function defineBasicExtension(): BasicExtension {\n return union(\n // Nodes\n defineDoc(),\n defineText(),\n defineParagraph(),\n defineHeading(),\n defineList(),\n defineBlockquote(),\n defineImage(),\n defineHorizontalRule(),\n defineHardBreak(),\n defineTable(),\n defineCodeBlock(),\n // Marks\n defineItalic(),\n defineBold(),\n defineUnderline(),\n defineStrike(),\n defineCode(),\n defineLink(),\n // Others\n defineBaseKeymap(),\n defineBaseCommands(),\n defineHistory(),\n defineGapCursor(),\n defineVirtualSelection(),\n defineModClickPrevention(),\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,SAAgB,uBAAuC;AACrD,QAAO,MAEL,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EAEjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,CAC3B"}
package/dist/style.css CHANGED
@@ -1,14 +1,11 @@
1
- .ProseMirror {
2
- position: relative;
3
- }
4
-
5
1
  .ProseMirror {
6
2
  word-wrap: break-word;
7
3
  white-space: pre-wrap;
8
4
  white-space: break-spaces;
9
5
  -webkit-font-variant-ligatures: none;
10
6
  font-variant-ligatures: none;
11
- font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
7
+ font-feature-settings: "liga" 0;
8
+ position: relative;
12
9
  }
13
10
 
14
11
  .ProseMirror pre {
@@ -19,41 +16,44 @@
19
16
  position: relative;
20
17
  }
21
18
 
22
- .ProseMirror-hideselection *::selection { background: transparent; }
23
- .ProseMirror-hideselection *::-moz-selection { background: transparent; }
24
- .ProseMirror-hideselection { caret-color: transparent; }
19
+ .ProseMirror-hideselection ::selection {
20
+ background: none;
21
+ }
22
+
23
+ .ProseMirror-hideselection ::selection {
24
+ background: none;
25
+ }
26
+
27
+ .ProseMirror-hideselection {
28
+ caret-color: #0000;
29
+ }
25
30
 
26
- /* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
27
- .ProseMirror [draggable][contenteditable=false] { user-select: text }
31
+ .ProseMirror [draggable][contenteditable="false"] {
32
+ user-select: text;
33
+ }
28
34
 
29
35
  .ProseMirror-selectednode {
30
36
  outline: 2px solid #8cf;
31
37
  }
32
38
 
33
- /* Make sure li selections wrap around markers */
34
-
35
39
  li.ProseMirror-selectednode {
36
40
  outline: none;
37
41
  }
38
42
 
39
43
  li.ProseMirror-selectednode:after {
40
44
  content: "";
41
- position: absolute;
42
- left: -32px;
43
- right: -2px; top: -2px; bottom: -2px;
44
- border: 2px solid #8cf;
45
45
  pointer-events: none;
46
+ border: 2px solid #8cf;
47
+ position: absolute;
48
+ inset: -2px -2px -2px -32px;
46
49
  }
47
50
 
48
- /* Protect against generic img rules */
49
-
50
51
  img.ProseMirror-separator {
51
- display: inline !important;
52
52
  border: none !important;
53
53
  margin: 0 !important;
54
+ display: inline !important;
54
55
  }
55
56
 
56
-
57
57
  :root {
58
58
  --prosekit-list-bullet-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.5' fill='currentColor'/%3E%3C/svg%3E");
59
59
  --prosekit-list-toggle-open-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='8,10 12,14 16,10' fill='currentColor'/%3E%3C/svg%3E");
@@ -61,182 +61,157 @@ img.ProseMirror-separator {
61
61
  }
62
62
 
63
63
  .prosemirror-flat-list {
64
- & {
65
- position: relative;
66
- margin: 0;
67
- padding: 0;
68
- list-style: none;
69
- }
64
+ margin: 0;
65
+ padding: 0;
66
+ list-style: none;
67
+ position: relative;
68
+ }
70
69
 
71
- & > .list-marker {
72
- position: absolute;
73
- width: 1.5em;
74
- width: 1lh;
75
- height: 1.5em;
76
- height: 1lh;
77
- inset-inline-start: 0;
78
- text-align: center;
79
- }
70
+ .prosemirror-flat-list > .list-marker {
71
+ width: 1.5em;
72
+ width: 1lh;
73
+ height: 1.5em;
74
+ text-align: center;
75
+ height: 1lh;
76
+ position: absolute;
77
+ inset-inline-start: 0;
78
+ }
80
79
 
81
- & > .list-content {
82
- margin-inline-start: 1.5em;
83
- margin-inline-start: 1lh;
84
- }
80
+ .prosemirror-flat-list > .list-content {
81
+ margin-inline-start: 1.5em;
82
+ margin-inline-start: 1lh;
83
+ }
85
84
 
86
- &[data-list-kind="bullet"] > .list-marker,
87
- &[data-list-kind="toggle"] > .list-marker {
88
- background-color: currentColor;
89
- mask-position: center;
90
- mask-repeat: no-repeat;
91
- mask-size: contain;
92
- }
85
+ .prosemirror-flat-list[data-list-kind="bullet"] > .list-marker, .prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
86
+ background-color: currentColor;
87
+ mask-position: center;
88
+ mask-size: contain;
89
+ mask-repeat: no-repeat;
90
+ }
93
91
 
94
- &[data-list-kind="bullet"] {
95
- & > .list-marker {
96
- mask-image: var(--prosekit-list-bullet-icon);
97
- }
98
- }
92
+ .prosemirror-flat-list[data-list-kind="bullet"] > .list-marker {
93
+ mask-image: var(--prosekit-list-bullet-icon);
94
+ }
99
95
 
100
- &[data-list-kind="toggle"] {
101
- & > .list-marker {
102
- mask-image: var(--prosekit-list-toggle-open-icon);
103
- }
96
+ .prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
97
+ mask-image: var(--prosekit-list-toggle-open-icon);
98
+ }
104
99
 
105
- &[data-list-collapsable][data-list-collapsed] > .list-marker {
106
- mask-image: var(--prosekit-list-toggle-closed-icon);
107
- }
108
- }
100
+ .prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-marker {
101
+ mask-image: var(--prosekit-list-toggle-closed-icon);
102
+ }
109
103
 
110
- &[data-list-kind="ordered"] {
111
- /*
112
- Ensure that the counters in children don't escape, so that the sub lists
113
- won't affect the counter of the parent list.
114
-
115
- See also https://github.com/ocavue/prosemirror-flat-list/issues/23
116
- */
117
- & > * {
118
- contain: style;
119
- }
120
-
121
- &::before {
122
- position: absolute;
123
- inset-inline-end: calc(100% - 1.5em);
124
- inset-inline-end: calc(100% - 1lh);
125
- content: counter(prosemirror-flat-list-counter, decimal) ". ";
126
- font-variant-numeric: tabular-nums;
127
- }
128
- counter-increment: prosemirror-flat-list-counter;
129
-
130
- /*
131
- Reset the counter for the first list node in the sequence.
132
- */
133
- &:first-child,
134
- :not(&) + & {
135
- counter-reset: prosemirror-flat-list-counter;
136
-
137
- /*
138
- If the first list node has a custom order number, set the counter to that value.
139
- */
140
- &[data-list-order] {
141
- @supports (counter-set: prosemirror-flat-list-counter 1) {
142
- counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
143
- }
144
-
145
- /*
146
- Safari older than version 17.2 doesn't support `counter-set`
147
- */
148
- @supports not (counter-set: prosemirror-flat-list-counter 1) {
149
- counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
150
- }
151
- }
152
- }
153
- }
104
+ .prosemirror-flat-list[data-list-kind="ordered"] > * {
105
+ contain: style;
106
+ }
107
+
108
+ .prosemirror-flat-list[data-list-kind="ordered"]:before {
109
+ inset-inline-end: calc(100% - 1.5em);
110
+ content: counter(prosemirror-flat-list-counter, decimal) ". ";
111
+ font-variant-numeric: tabular-nums;
112
+ position: absolute;
113
+ inset-inline-end: calc(100% - 1lh);
114
+ }
154
115
 
155
- &[data-list-kind="task"] {
156
- & > .list-marker {
157
- &,
158
- & * {
159
- /* Make sure that the checkbox is at the center */
160
- display: flex;
161
- align-items: center;
162
- justify-content: center;
163
- margin: 0;
164
- padding: 0;
165
- cursor: pointer;
166
- }
167
- }
116
+ .prosemirror-flat-list[data-list-kind="ordered"] {
117
+ counter-increment: prosemirror-flat-list-counter;
118
+ }
119
+
120
+ .prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"] {
121
+ counter-reset: prosemirror-flat-list-counter;
122
+ }
123
+
124
+ @supports (counter-set: prosemirror-flat-list-counter 1) {
125
+ :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
126
+ counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
168
127
  }
128
+ }
169
129
 
170
- &[data-list-kind="toggle"] {
171
- &[data-list-collapsable] > .list-marker {
172
- cursor: pointer;
173
- }
174
- &:not([data-list-collapsable]) > .list-marker {
175
- opacity: 40%;
176
- pointer-events: none;
177
- }
178
-
179
- /* If collapsed, hide the second and futher children */
180
- &[data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {
181
- display: none;
182
- }
130
+ @supports not (counter-set: prosemirror-flat-list-counter 1) {
131
+ :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
132
+ counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
183
133
  }
184
134
  }
185
135
 
136
+ .prosemirror-flat-list[data-list-kind="task"] > .list-marker, .prosemirror-flat-list[data-list-kind="task"] > .list-marker * {
137
+ cursor: pointer;
138
+ justify-content: center;
139
+ align-items: center;
140
+ margin: 0;
141
+ padding: 0;
142
+ display: flex;
143
+ }
144
+
145
+ .prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable] > .list-marker {
146
+ cursor: pointer;
147
+ }
148
+
149
+ .prosemirror-flat-list[data-list-kind="toggle"]:not([data-list-collapsable]) > .list-marker {
150
+ opacity: .4;
151
+ pointer-events: none;
152
+ }
153
+
154
+ .prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-content > :nth-child(n+2) {
155
+ display: none;
156
+ }
157
+
186
158
  .ProseMirror .tableWrapper {
187
159
  overflow-x: auto;
188
160
  }
161
+
189
162
  .ProseMirror table {
190
- width: 100%;
191
- overflow: hidden;
192
163
  border-collapse: collapse;
193
164
  table-layout: fixed;
165
+ width: 100%;
166
+ overflow: hidden;
194
167
  }
195
- .ProseMirror td,
196
- .ProseMirror th {
168
+
169
+ .ProseMirror td, .ProseMirror th {
197
170
  box-sizing: border-box;
198
- position: relative;
199
- padding-right: 0.75rem;
200
- padding-left: 0.75rem;
201
- border-width: 1px;
202
171
  vertical-align: top;
172
+ border-width: 1px;
173
+ padding-left: .75rem;
174
+ padding-right: .75rem;
175
+ position: relative;
203
176
  }
204
177
 
205
178
  prosekit-table-handle-drop-indicator {
206
- background-color: HighlightText;
179
+ background-color: highlighttext;
207
180
  }
208
181
 
209
182
  .ProseMirror .column-resize-handle {
210
183
  z-index: 20;
184
+ pointer-events: none;
185
+ background-color: highlighttext;
186
+ width: 4px;
211
187
  position: absolute;
212
188
  top: 0;
213
- right: -2px;
214
189
  bottom: 0;
215
- width: 4px;
216
- background-color: HighlightText;
217
- pointer-events: none;
190
+ right: -2px;
218
191
  }
192
+
219
193
  .ProseMirror.resize-cursor {
220
194
  cursor: ew-resize;
221
195
  cursor: col-resize;
222
196
  }
197
+
223
198
  .ProseMirror .selectedCell {
224
199
  --color: 210, 100%, 56%;
225
200
  border: 1px double hsl(var(--color));
226
201
  background-color: hsla(var(--color), 20%);
227
202
  }
228
203
 
229
- .prosekit-placeholder::before {
230
- position: absolute;
231
- height: 0;
204
+ .prosekit-placeholder:before {
232
205
  content: attr(data-placeholder);
233
- opacity: 30%;
206
+ opacity: .3;
234
207
  pointer-events: none;
208
+ height: 0;
209
+ position: absolute;
235
210
  }
236
211
 
237
212
  .prosekit-virtual-selection {
238
- border-radius: 2px;
239
213
  background-color: #8888884d;
214
+ border-radius: 2px;
240
215
  box-shadow: 0 0 0 2px #8888884d;
241
216
  }
242
217
 
@@ -244,24 +219,25 @@ prosekit-table-handle-drop-indicator {
244
219
  background-color: #e5534b80;
245
220
  text-decoration: line-through;
246
221
  }
222
+
247
223
  .prosekit-commit-addition {
248
224
  background-color: #53e54b80;
249
225
  }
250
226
 
251
227
  .ProseMirror-gapcursor {
228
+ pointer-events: none;
252
229
  display: none;
253
230
  position: relative;
254
- pointer-events: none;
255
231
  }
256
232
 
257
233
  .ProseMirror-gapcursor:after {
234
+ content: "";
235
+ border-top: 1px solid;
236
+ width: 20px;
237
+ animation: 1.1s steps(2, start) infinite ProseMirror-cursor-blink;
258
238
  display: block;
259
239
  position: absolute;
260
240
  top: -2px;
261
- width: 20px;
262
- border-top: 1px solid currentColor;
263
- content: "";
264
- animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
265
241
  }
266
242
 
267
243
  @keyframes ProseMirror-cursor-blink {
@@ -273,7 +249,3 @@ prosekit-table-handle-drop-indicator {
273
249
  .ProseMirror-focused .ProseMirror-gapcursor {
274
250
  display: block;
275
251
  }
276
-
277
-
278
-
279
- /*# sourceMappingURL=style.css.map*/