@flexiui/svelte-rich-text 0.0.43 → 0.0.45

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.
@@ -229,7 +229,7 @@
229
229
  content,
230
230
  editorProps: {
231
231
  attributes: {
232
- class: "fl-rich-text-content-doc",
232
+ class: "fl-rich-text-doc",
233
233
  },
234
234
  handleKeyDown: (view, event) => {
235
235
  if (event.key === "Enter" && !event.ctrlKey) {
@@ -508,7 +508,7 @@
508
508
  align-items: center;
509
509
  justify-content: center;
510
510
  padding: 0;
511
- color: #ffffff;
511
+ color: currentColor;
512
512
  background: #8989891f;
513
513
  border: none;
514
514
  outline: 1px solid #6e6e6e;
@@ -537,7 +537,7 @@
537
537
  font-size: 9px;
538
538
  letter-spacing: 2px;
539
539
  padding: 0;
540
- color: #ffffff;
540
+ color: currentColor;
541
541
  background: #8989891f;
542
542
  border: none;
543
543
  outline: 1px solid #6e6e6e;
package/dist/styles.css CHANGED
@@ -24,210 +24,6 @@
24
24
  }
25
25
 
26
26
  /* Basic editor styles */
27
- .tiptap {
28
- outline: none;
29
-
30
- :first-child {
31
- margin-top: 0;
32
- }
33
-
34
- :last-child {
35
- margin-bottom: 0;
36
- }
37
-
38
- /* Code and preformatted text styles */
39
- code {
40
- background-color: var(--purple-light);
41
- border-radius: 0.4rem;
42
- color: var(--white);
43
- font-size: 0.85rem;
44
- padding: 0.25em 0.3em;
45
- }
46
-
47
- pre {
48
- background: var(--black);
49
- border-radius: 0.5rem;
50
- color: var(--white);
51
- font-family: 'JetBrainsMono', monospace;
52
- margin: 1.5rem 0;
53
- padding: 0.75rem 1rem;
54
-
55
- code {
56
- background: none;
57
- color: inherit;
58
- font-size: 0.8rem;
59
- padding: 0;
60
- }
61
- }
62
-
63
- blockquote {
64
- border-left: 3px solid var(--gray-3);
65
- margin: 1.5rem 0;
66
- padding-left: 1rem;
67
- }
68
-
69
- hr {
70
- border: none;
71
- border-top: 1px solid var(--gray-2);
72
- margin: 2rem 0;
73
- }
74
-
75
- /* List styles */
76
- ul,
77
- ol {
78
- padding: 0 1.25rem;
79
- margin: 1.25rem 1rem 1.25rem 0.4rem;
80
-
81
- li p {
82
- margin-top: 0.25em;
83
- margin-bottom: 0.25em;
84
- }
85
- }
86
-
87
- ul[data-type=taskList]{
88
- padding-left: 0;
89
-
90
- li {
91
- display: flex;
92
- flex-direction: row;
93
- align-items: flex-start;
94
- }
95
-
96
- li[data-checked=true] > div > p {
97
- opacity: .5;
98
- text-decoration: line-through;
99
- }
100
- }
101
-
102
- ul[data-type="taskList"] li {
103
- & label {
104
- position: relative;
105
- padding-top: 0.275rem;
106
- padding-right: 0.5rem;
107
-
108
- input {
109
- width: 16px;
110
- height: 16px;
111
- margin: 0;
112
- accent-color: #8affd7;
113
- }
114
- }
115
-
116
- & > div {
117
- flex: auto;
118
- }
119
- }
120
-
121
- .special-box {
122
- position: relative;
123
- padding: 0 12px;
124
- display: inline-flex;
125
-
126
- &::before {
127
- content: "";
128
- position: absolute;
129
- height: calc(100% + 20px);
130
- width: 100%;
131
- border-inline: 1px dashed;
132
- left: 0;
133
- top: -10px;
134
- }
135
-
136
- &::after {
137
- content: "";
138
- position: absolute;
139
- height: 100%;
140
- top: 0;
141
- left: -10px;
142
- width: calc(100% + 20px);
143
- border-block: 1px dashed;
144
- }
145
-
146
- &::before, &::after {
147
- border-color: #ffffff33;
148
- pointer-events: none;
149
- }
150
- }
151
-
152
- /* Table-specific styling */
153
- .tableWrapper table {
154
- border-collapse: collapse;
155
- margin: 0;
156
- overflow: hidden;
157
- table-layout: fixed;
158
- width: calc(100% - 12px);
159
- margin-left: 12px;
160
- margin-top: 12px;
161
- min-width: 100px;
162
- overflow-y: hidden;
163
- overflow-x: auto;
164
-
165
- td,
166
- th {
167
- border: 1px solid #6e6e6e;
168
- box-sizing: border-box;
169
- min-width: 1em;
170
- padding: 6px 8px;
171
- position: relative;
172
- vertical-align: top;
173
-
174
- > * {
175
- margin-bottom: 0;
176
- }
177
- }
178
-
179
- th {
180
- background-color: #f0f0f030;
181
- font-weight: bold;
182
- text-align: left;
183
- }
184
-
185
- .selectedCell:after {
186
- background: #e0e0e024;
187
- content: '';
188
- left: 0;
189
- right: 0;
190
- top: 0;
191
- bottom: 0;
192
- pointer-events: none;
193
- position: absolute;
194
- z-index: 2;
195
- }
196
-
197
- .column-resize-handle {
198
- background-color: var(--purple);
199
- bottom: -2px;
200
- pointer-events: none;
201
- position: absolute;
202
- right: -2px;
203
- top: 0;
204
- width: 4px;
205
- }
206
- }
207
-
208
- .fl-table-cell-content > div > * {
209
- margin-bottom: 0;
210
- }
211
-
212
- .tableWrapper {
213
- overflow-x: auto;
214
- padding: 0 14px 14px;
215
- margin: 24px -14px 0px;
216
- }
217
-
218
- &.resize-cursor {
219
- cursor: ew-resize;
220
- cursor: col-resize;
221
- }
222
-
223
- .is-empty::before {
224
- color: #8a8a8aa8;
225
- content: attr(data-placeholder);
226
- float: left;
227
- height: 0;
228
- pointer-events: none;
229
- }
230
- }
231
27
 
232
28
  .fl-rich-text-content {
233
29
  outline: none;
@@ -240,7 +36,7 @@
240
36
  width: 100%;
241
37
  }
242
38
 
243
- .fl-rich-text-content-doc {
39
+ .fl-rich-text-doc {
244
40
  padding: var(--fl-doc-padding, 2rem);
245
41
  background: var(--fl-doc-bg, transparent);
246
42
  border-radius: var(--fl-doc-radius, 12px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flexiui/svelte-rich-text",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "A lightweight and flexible rich text editor component for Svelte",
5
5
  "keywords": [
6
6
  "svelte",