@prosekit/basic 0.0.7 → 0.0.9

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 (3) hide show
  1. package/dist/internal/example.css +40 -77
  2. package/dist/style.css +2 -2
  3. package/package.json +5 -5
package/dist/internal/example.css CHANGED
@@ -1,4 +1,21 @@
1
- /* src/internal/text-content.css */
1
+ /* src/internal/example.css */
2
+ .example-editor {
3
+ font-family:
4
+ 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
+ sans-serif,
14
+ "Apple Color Emoji",
15
+ "Segoe UI Emoji",
16
+ "Segoe UI Symbol",
17
+ "Noto Color Emoji";
18
+ }
2
19
  .example-editor p:first-of-type {
3
20
  margin-top: 0;
4
21
  }
@@ -55,7 +72,7 @@
55
72
  font-weight: 600;
56
73
  }
57
74
  .example-editor pre {
58
- padding: 1.25rem 1.5rem;
75
+ padding: 2rem 2rem;
59
76
  overflow-x: auto;
60
77
  border-radius: 0.375rem;
61
78
  }
@@ -71,7 +88,6 @@
71
88
  -webkit-hyphens: none;
72
89
  -moz-hyphens: none;
73
90
  hyphens: none;
74
- background: transparent;
75
91
  }
76
92
  .example-editor pre code {
77
93
  font-weight: inherit;
@@ -79,87 +95,34 @@
79
95
  .example-editor hr {
80
96
  margin: 2em 0;
81
97
  }
82
-
83
- /* src/internal/component.css */
84
- .example-slash-menu {
85
- position: relative;
86
- max-height: 400px;
87
- min-width: 120px;
88
- user-select: none;
89
- overflow: auto;
90
- white-space: nowrap;
91
- border-radius: 0.25rem;
92
- --tw-bg-opacity: 1;
93
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
94
- }
95
- :is(.dark .example-slash-menu) {
96
- --tw-bg-opacity: 1;
97
- background-color: rgb(39 39 42 / var(--tw-bg-opacity));
98
- }
99
- .example-slash-menu {
100
- border-width: 1px;
101
- border-style: solid;
102
- --tw-border-opacity: 1;
103
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
104
- }
105
- .example-slash-menu-item {
106
- position: relative;
107
- min-width: 64px;
108
- cursor: pointer;
109
- user-select: none;
110
- white-space: nowrap;
111
- padding: 0.5rem;
112
- }
113
- .example-slash-menu-item[data-selected] {
114
- --tw-bg-opacity: 1;
115
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
116
- }
117
- :is(.dark .example-slash-menu-item[data-selected]) {
118
- --tw-bg-opacity: 1;
119
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
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
98
  .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));
99
+ border-radius: 0.5rem;
100
+ padding: 0.125rem;
101
+ color: rgb(59 130 246);
154
102
  }
155
103
  .example-editor span[data-mention=user]::before {
156
104
  content: "@";
157
105
  }
158
106
  .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));
107
+ border-radius: 0.5rem;
108
+ background-color: rgb(229 231 235);
109
+ padding-left: 0.25rem;
110
+ padding-right: 0.25rem;
111
+ padding-top: 0.125rem;
112
+ padding-bottom: 0.125rem;
113
+ }
114
+ @media (prefers-color-scheme: dark) {
115
+ .example-editor span[data-mention=tag] {
116
+ background-color: rgb(75 85 99);
117
+ }
162
118
  }
163
119
  .example-editor span[data-mention=tag]::before {
164
120
  content: "#";
121
+ padding-right: 0.125rem;
122
+ opacity: 0.4;
123
+ }
124
+ @media (prefers-color-scheme: dark) {
125
+ .example-editor span[data-mention=tag]::before {
126
+ opacity: 0.5;
127
+ }
165
128
  }
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /* ../../node_modules/.pnpm/prosemirror-view@1.31.6/node_modules/prosemirror-view/style/prosemirror.css */
1
+ /* ../../node_modules/.pnpm/prosemirror-view@1.31.7/node_modules/prosemirror-view/style/prosemirror.css */
2
2
  .ProseMirror {
3
3
  position: relative;
4
4
  word-wrap: break-word;
@@ -49,7 +49,7 @@ img.ProseMirror-separator {
49
49
 
50
50
  /* ../core/src/style.css */
51
51
 
52
- /* ../../node_modules/.pnpm/prosemirror-flat-list@0.3.15/node_modules/prosemirror-flat-list/dist/style.css */
52
+ /* ../../node_modules/.pnpm/prosemirror-flat-list@0.4.1/node_modules/prosemirror-flat-list/dist/style.css */
53
53
  .prosemirror-flat-list {
54
54
  padding: 0;
55
55
  margin-top: 0;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prosekit/basic",
3
3
  "type": "module",
4
- "version": "0.0.7",
4
+ "version": "0.0.9",
5
5
  "private": false,
6
6
  "author": {
7
7
  "name": "ocavue",
@@ -41,16 +41,16 @@
41
41
  "dist"
42
42
  ],
43
43
  "dependencies": {
44
- "@prosekit/core": "^0.0.6",
45
- "@prosekit/extensions": "^0.0.6"
44
+ "@prosekit/core": "^0.0.7",
45
+ "@prosekit/extensions": "^0.0.8"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@prosekit/dev": "*",
49
49
  "postcss": "^8.4.27",
50
50
  "tailwindcss": "^3.3.3",
51
- "tsup": "^7.1.0",
51
+ "tsup": "^7.2.0",
52
52
  "typescript": "^5.1.6",
53
- "vitest": "^0.33.0"
53
+ "vitest": "^0.34.1"
54
54
  },
55
55
  "scripts": {
56
56
  "build:tsup": "tsup",