@prosekit/basic 0.0.5 → 0.0.7
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.
- package/dist/internal/example.css +122 -33
- package/package.json +4 -4
|
@@ -1,42 +1,86 @@
|
|
|
1
|
-
/* src/internal/
|
|
2
|
-
.example-editor {
|
|
3
|
-
margin-top: 0.5rem;
|
|
4
|
-
margin-bottom: 0.5rem;
|
|
5
|
-
box-sizing: border-box;
|
|
6
|
-
height: 250px;
|
|
7
|
-
width: 100%;
|
|
8
|
-
overflow: auto;
|
|
9
|
-
border-radius: 0.375rem;
|
|
10
|
-
padding: 1rem;
|
|
11
|
-
outline-style: solid;
|
|
12
|
-
outline-width: 2px;
|
|
13
|
-
font-family:
|
|
14
|
-
ui-sans-serif,
|
|
15
|
-
system-ui,
|
|
16
|
-
-apple-system,
|
|
17
|
-
BlinkMacSystemFont,
|
|
18
|
-
"Segoe UI",
|
|
19
|
-
Roboto,
|
|
20
|
-
"Helvetica Neue",
|
|
21
|
-
Arial,
|
|
22
|
-
"Noto Sans",
|
|
23
|
-
sans-serif,
|
|
24
|
-
"Apple Color Emoji",
|
|
25
|
-
"Segoe UI Emoji",
|
|
26
|
-
"Segoe UI Symbol",
|
|
27
|
-
"Noto Color Emoji";
|
|
28
|
-
}
|
|
29
|
-
.example-editor p {
|
|
30
|
-
line-height: 1.5;
|
|
31
|
-
margin-top: 0.75em;
|
|
32
|
-
margin-bottom: 0.75em;
|
|
33
|
-
}
|
|
1
|
+
/* src/internal/text-content.css */
|
|
34
2
|
.example-editor p:first-of-type {
|
|
35
3
|
margin-top: 0;
|
|
36
4
|
}
|
|
37
5
|
.example-editor p:last-of-type {
|
|
38
6
|
margin-bottom: 0;
|
|
39
7
|
}
|
|
8
|
+
.example-editor h1,
|
|
9
|
+
.example-editor h2,
|
|
10
|
+
.example-editor h3,
|
|
11
|
+
.example-editor h4,
|
|
12
|
+
.example-editor h5,
|
|
13
|
+
.example-editor h6 {
|
|
14
|
+
font-weight: 600;
|
|
15
|
+
line-height: 1.25;
|
|
16
|
+
}
|
|
17
|
+
.example-editor a {
|
|
18
|
+
text-decoration: underline;
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
}
|
|
21
|
+
.example-editor p,
|
|
22
|
+
.example-editor ul,
|
|
23
|
+
.example-editor ol,
|
|
24
|
+
.example-editor pre {
|
|
25
|
+
margin: 1em 0;
|
|
26
|
+
line-height: 1.5;
|
|
27
|
+
}
|
|
28
|
+
.example-editor blockquote {
|
|
29
|
+
margin: 1em 0;
|
|
30
|
+
padding-left: 1em;
|
|
31
|
+
font-style: italic;
|
|
32
|
+
}
|
|
33
|
+
.example-editor h1 {
|
|
34
|
+
margin: 1rem 0;
|
|
35
|
+
font-size: 2.25em;
|
|
36
|
+
}
|
|
37
|
+
.example-editor h2 {
|
|
38
|
+
margin: 1.75em 0 0.5em;
|
|
39
|
+
font-size: 1.75em;
|
|
40
|
+
}
|
|
41
|
+
.example-editor h3 {
|
|
42
|
+
margin: 1.5em 0 0.5em;
|
|
43
|
+
font-size: 1.375em;
|
|
44
|
+
}
|
|
45
|
+
.example-editor h4 {
|
|
46
|
+
margin: 1em 0;
|
|
47
|
+
font-size: 1.125em;
|
|
48
|
+
}
|
|
49
|
+
.example-editor img,
|
|
50
|
+
.example-editor video {
|
|
51
|
+
max-width: 100%;
|
|
52
|
+
}
|
|
53
|
+
.example-editor code {
|
|
54
|
+
font-size: 0.875em;
|
|
55
|
+
font-weight: 600;
|
|
56
|
+
}
|
|
57
|
+
.example-editor pre {
|
|
58
|
+
padding: 1.25rem 1.5rem;
|
|
59
|
+
overflow-x: auto;
|
|
60
|
+
border-radius: 0.375rem;
|
|
61
|
+
}
|
|
62
|
+
.example-editor pre,
|
|
63
|
+
.example-editor code {
|
|
64
|
+
white-space: pre;
|
|
65
|
+
word-spacing: normal;
|
|
66
|
+
word-break: normal;
|
|
67
|
+
word-wrap: normal;
|
|
68
|
+
-moz-tab-size: 4;
|
|
69
|
+
-o-tab-size: 4;
|
|
70
|
+
tab-size: 4;
|
|
71
|
+
-webkit-hyphens: none;
|
|
72
|
+
-moz-hyphens: none;
|
|
73
|
+
hyphens: none;
|
|
74
|
+
background: transparent;
|
|
75
|
+
}
|
|
76
|
+
.example-editor pre code {
|
|
77
|
+
font-weight: inherit;
|
|
78
|
+
}
|
|
79
|
+
.example-editor hr {
|
|
80
|
+
margin: 2em 0;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* src/internal/component.css */
|
|
40
84
|
.example-slash-menu {
|
|
41
85
|
position: relative;
|
|
42
86
|
max-height: 400px;
|
|
@@ -74,3 +118,48 @@
|
|
|
74
118
|
--tw-bg-opacity: 1;
|
|
75
119
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
76
120
|
}
|
|
121
|
+
|
|
122
|
+
/* src/internal/example.css */
|
|
123
|
+
.example-editor {
|
|
124
|
+
margin-top: 0.5rem;
|
|
125
|
+
margin-bottom: 0.5rem;
|
|
126
|
+
box-sizing: border-box;
|
|
127
|
+
height: 250px;
|
|
128
|
+
width: 100%;
|
|
129
|
+
overflow: auto;
|
|
130
|
+
border-radius: 0.375rem;
|
|
131
|
+
padding: 1rem;
|
|
132
|
+
outline-style: solid;
|
|
133
|
+
outline-width: 2px;
|
|
134
|
+
font-family:
|
|
135
|
+
ui-sans-serif,
|
|
136
|
+
system-ui,
|
|
137
|
+
-apple-system,
|
|
138
|
+
BlinkMacSystemFont,
|
|
139
|
+
"Segoe UI",
|
|
140
|
+
Roboto,
|
|
141
|
+
"Helvetica Neue",
|
|
142
|
+
Arial,
|
|
143
|
+
"Noto Sans",
|
|
144
|
+
sans-serif,
|
|
145
|
+
"Apple Color Emoji",
|
|
146
|
+
"Segoe UI Emoji",
|
|
147
|
+
"Segoe UI Symbol",
|
|
148
|
+
"Noto Color Emoji";
|
|
149
|
+
}
|
|
150
|
+
.example-editor span[data-mention=user] {
|
|
151
|
+
border-radius: 0.125rem;
|
|
152
|
+
--tw-text-opacity: 1;
|
|
153
|
+
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
154
|
+
}
|
|
155
|
+
.example-editor span[data-mention=user]::before {
|
|
156
|
+
content: "@";
|
|
157
|
+
}
|
|
158
|
+
.example-editor span[data-mention=tag] {
|
|
159
|
+
border-radius: 0.125rem;
|
|
160
|
+
--tw-bg-opacity: 1;
|
|
161
|
+
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
|
|
162
|
+
}
|
|
163
|
+
.example-editor span[data-mention=tag]::before {
|
|
164
|
+
content: "#";
|
|
165
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/basic",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.7",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "ocavue",
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
"dist"
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@prosekit/core": "^0.0.
|
|
45
|
-
"@prosekit/extensions": "^0.0.
|
|
44
|
+
"@prosekit/core": "^0.0.6",
|
|
45
|
+
"@prosekit/extensions": "^0.0.6"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@prosekit/dev": "*",
|
|
49
|
-
"postcss": "^8.4.
|
|
49
|
+
"postcss": "^8.4.27",
|
|
50
50
|
"tailwindcss": "^3.3.3",
|
|
51
51
|
"tsup": "^7.1.0",
|
|
52
52
|
"typescript": "^5.1.6",
|