@prosekit/basic 0.0.10 → 0.0.12

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 (2) hide show
  1. package/dist/internal/{example.css → preflight.css} +44 -43
  2. package/package.json +5 -5
package/dist/internal/{example.css → preflight.css} RENAMED
@@ -1,83 +1,84 @@
1
- /* src/internal/example.css */
2
- .example-editor {
1
+ /* src/internal/preflight.css */
2
+ *:has(> div.ProseMirror) {
3
+ display: flex;
4
+ flex-direction: column;
5
+ width: 100%;
6
+ box-sizing: border-box;
7
+ padding: 8px;
3
8
  font-family:
4
9
  ui-sans-serif,
5
- system-ui,
6
- -apple-system,
7
- BlinkMacSystemFont,
8
- "Segoe UI",
9
- Roboto,
10
- "Helvetica Neue",
11
- Arial,
12
- "Noto Sans",
13
10
  sans-serif,
14
11
  "Apple Color Emoji",
15
12
  "Segoe UI Emoji",
16
13
  "Segoe UI Symbol",
17
- "Noto Color Emoji";
14
+ "Noto Color Emoji",
15
+ system-ui;
18
16
  }
19
- .example-editor p:first-of-type {
17
+ *:has(> div.ProseMirror) * {
18
+ box-sizing: border-box;
19
+ }
20
+ .ProseMirror p:first-of-type {
20
21
  margin-top: 0;
21
22
  }
22
- .example-editor p:last-of-type {
23
+ .ProseMirror p:last-of-type {
23
24
  margin-bottom: 0;
24
25
  }
25
- .example-editor h1,
26
- .example-editor h2,
27
- .example-editor h3,
28
- .example-editor h4,
29
- .example-editor h5,
30
- .example-editor h6 {
26
+ .ProseMirror h1,
27
+ .ProseMirror h2,
28
+ .ProseMirror h3,
29
+ .ProseMirror h4,
30
+ .ProseMirror h5,
31
+ .ProseMirror h6 {
31
32
  font-weight: 600;
32
33
  line-height: 1.25;
33
34
  }
34
- .example-editor a {
35
+ .ProseMirror a {
35
36
  text-decoration: underline;
36
37
  font-weight: 500;
37
38
  }
38
- .example-editor p,
39
- .example-editor ul,
40
- .example-editor ol,
41
- .example-editor pre {
39
+ .ProseMirror p,
40
+ .ProseMirror ul,
41
+ .ProseMirror ol,
42
+ .ProseMirror pre {
42
43
  margin: 1em 0;
43
44
  line-height: 1.5;
44
45
  }
45
- .example-editor blockquote {
46
+ .ProseMirror blockquote {
46
47
  margin: 1em 0;
47
48
  padding-left: 1em;
48
49
  font-style: italic;
49
50
  }
50
- .example-editor h1 {
51
+ .ProseMirror h1 {
51
52
  margin: 1rem 0;
52
53
  font-size: 2.25em;
53
54
  }
54
- .example-editor h2 {
55
+ .ProseMirror h2 {
55
56
  margin: 1.75em 0 0.5em;
56
57
  font-size: 1.75em;
57
58
  }
58
- .example-editor h3 {
59
+ .ProseMirror h3 {
59
60
  margin: 1.5em 0 0.5em;
60
61
  font-size: 1.375em;
61
62
  }
62
- .example-editor h4 {
63
+ .ProseMirror h4 {
63
64
  margin: 1em 0;
64
65
  font-size: 1.125em;
65
66
  }
66
- .example-editor img,
67
- .example-editor video {
67
+ .ProseMirror img,
68
+ .ProseMirror video {
68
69
  max-width: 100%;
69
70
  }
70
- .example-editor code {
71
+ .ProseMirror code {
71
72
  font-size: 0.875em;
72
73
  font-weight: 600;
73
74
  }
74
- .example-editor pre {
75
+ .ProseMirror pre {
75
76
  padding: 2rem 2rem;
76
77
  overflow-x: auto;
77
78
  border-radius: 0.375rem;
78
79
  }
79
- .example-editor pre,
80
- .example-editor code {
80
+ .ProseMirror pre,
81
+ .ProseMirror code {
81
82
  white-space: pre;
82
83
  word-spacing: normal;
83
84
  word-break: normal;
@@ -89,21 +90,21 @@
89
90
  -moz-hyphens: none;
90
91
  hyphens: none;
91
92
  }
92
- .example-editor pre code {
93
+ .ProseMirror pre code {
93
94
  font-weight: inherit;
94
95
  }
95
- .example-editor hr {
96
+ .ProseMirror hr {
96
97
  margin: 2em 0;
97
98
  }
98
- .example-editor span[data-mention=user] {
99
+ .ProseMirror span[data-mention=user] {
99
100
  border-radius: 0.5rem;
100
101
  padding: 0.125rem;
101
102
  color: rgb(59 130 246);
102
103
  }
103
- .example-editor span[data-mention=user]::before {
104
+ .ProseMirror span[data-mention=user]::before {
104
105
  content: "@";
105
106
  }
106
- .example-editor span[data-mention=tag] {
107
+ .ProseMirror span[data-mention=tag] {
107
108
  border-radius: 0.5rem;
108
109
  background-color: rgb(229 231 235);
109
110
  padding-left: 0.25rem;
@@ -112,17 +113,17 @@
112
113
  padding-bottom: 0.125rem;
113
114
  }
114
115
  @media (prefers-color-scheme: dark) {
115
- .example-editor span[data-mention=tag] {
116
+ .ProseMirror span[data-mention=tag] {
116
117
  background-color: rgb(75 85 99);
117
118
  }
118
119
  }
119
- .example-editor span[data-mention=tag]::before {
120
+ .ProseMirror span[data-mention=tag]::before {
120
121
  content: "#";
121
122
  padding-right: 0.125rem;
122
123
  opacity: 0.4;
123
124
  }
124
125
  @media (prefers-color-scheme: dark) {
125
- .example-editor span[data-mention=tag]::before {
126
+ .ProseMirror span[data-mention=tag]::before {
126
127
  opacity: 0.5;
127
128
  }
128
129
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prosekit/basic",
3
3
  "type": "module",
4
- "version": "0.0.10",
4
+ "version": "0.0.12",
5
5
  "private": false,
6
6
  "author": {
7
7
  "name": "ocavue",
@@ -30,8 +30,8 @@
30
30
  "import": "./dist/prosekit-basic.js",
31
31
  "default": "./dist/prosekit-basic.js"
32
32
  },
33
- "./internal/example.css": {
34
- "default": "./dist/internal/example.css"
33
+ "./internal/preflight.css": {
34
+ "default": "./dist/internal/preflight.css"
35
35
  },
36
36
  "./style.css": {
37
37
  "default": "./dist/style.css"
@@ -41,8 +41,8 @@
41
41
  "dist"
42
42
  ],
43
43
  "dependencies": {
44
- "@prosekit/core": "^0.0.8",
45
- "@prosekit/extensions": "^0.0.9"
44
+ "@prosekit/core": "^0.0.9",
45
+ "@prosekit/extensions": "^0.0.10"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@prosekit/dev": "*",