@podlite/editor-react 0.0.30 → 0.0.32

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/lib/index.css DELETED
@@ -1,351 +0,0 @@
1
- /* src/Editor.css */
2
- .EditorApp {
3
- font-family:
4
- Menlo,
5
- Monaco,
6
- Consolas,
7
- "Courier New",
8
- monospace;
9
- -webkit-font-smoothing: antialiased;
10
- -moz-osx-font-smoothing: grayscale;
11
- }
12
- .App-logo {
13
- height: 40vmin;
14
- pointer-events: none;
15
- }
16
- @media (prefers-reduced-motion: no-preference) {
17
- .App-logo {
18
- animation: App-logo-spin infinite 20s linear;
19
- }
20
- }
21
- .App-header {
22
- background-color: #282c34;
23
- min-height: 100vh;
24
- display: flex;
25
- flex-direction: column;
26
- align-items: center;
27
- justify-content: center;
28
- font-size: calc(10px + 2vmin);
29
- color: white;
30
- }
31
- .App-link {
32
- color: #61dafb;
33
- }
34
- .layout {
35
- position: absolute;
36
- width: 100%;
37
- }
38
- .Editor {
39
- text-align: left;
40
- white-space: pre-wrap;
41
- word-break: break-word;
42
- word-wrap: break-word;
43
- }
44
- [contenteditable]:focus {
45
- outline: 0px solid transparent;
46
- }
47
- .layout__panel {
48
- position: relative;
49
- width: 100%;
50
- height: 100%;
51
- flex: none;
52
- overflow: hidden;
53
- }
54
- .flex--row {
55
- flex-direction: row;
56
- }
57
- .flex {
58
- display: flex;
59
- }
60
- .CodeMirror {
61
- height: auto;
62
- font-family: inherit;
63
- }
64
- pre {
65
- overflow-x: auto;
66
- white-space: pre-wrap;
67
- white-space: -moz-pre-wrap;
68
- white-space: -pre-wrap;
69
- white-space: -o-pre-wrap;
70
- word-wrap: break-word;
71
- }
72
- .title {
73
- margin: 0em;
74
- }
75
- .Editorleft {
76
- border-right: 1px dotted lightgrey;
77
- white-space: pre-wrap;
78
- word-break: break-word;
79
- word-wrap: break-word;
80
- width: 50%;
81
- font-size: 15px;
82
- text-align: left;
83
- }
84
- body {
85
- margin: 0;
86
- font-family:
87
- Menlo,
88
- Monaco,
89
- Consolas,
90
- "Courier New",
91
- monospace;
92
- -webkit-font-smoothing: antialiased;
93
- -moz-osx-font-smoothing: grayscale;
94
- }
95
- code {
96
- font-family:
97
- source-code-pro,
98
- Menlo,
99
- Monaco,
100
- Consolas,
101
- "Courier New",
102
- monospace;
103
- }
104
- pre {
105
- padding: 9.5px;
106
- display: block;
107
- word-break: break-all;
108
- word-wrap: break-word;
109
- background-color: #f8f8f8;
110
- border-radius: 4px;
111
- }
112
- code {
113
- padding: 0;
114
- font-size: inherit;
115
- color: inherit;
116
- white-space: pre-wrap;
117
- background-color: transparent;
118
- border-radius: 0;
119
- }
120
- img {
121
- max-width: 1024px;
122
- }
123
- table {
124
- word-break: normal;
125
- min-width: 70%;
126
- max-width: 100%;
127
- margin: 1em auto;
128
- border-spacing: 0;
129
- border-collapse: collapse;
130
- text-align: center;
131
- margin-top: 2em;
132
- }
133
- table caption {
134
- margin-bottom: 0.8em;
135
- }
136
- table tbody tr:hover {
137
- background-color: #eee;
138
- -webkit-transition: .5s;
139
- transition: .5s;
140
- }
141
- tr th {
142
- vertical-align: bottom;
143
- border-bottom: 2px solid #eee;
144
- }
145
- td {
146
- padding: 8px;
147
- border: 1px solid #eee;
148
- }
149
- .footnote a {
150
- text-decoration: none;
151
- }
152
- .footnotes {
153
- border-top-style: solid;
154
- border-top-width: 1px;
155
- border-top-color: #eee;
156
- }
157
- img {
158
- display: block;
159
- margin: 0 auto;
160
- max-width: 100%;
161
- }
162
- .shadow {
163
- -webkit-box-shadow: 3px 3px 5px 6px #ccc;
164
- -moz-box-shadow: 3px 3px 5px 6px #ccc;
165
- box-shadow: 3px 3px 5px 6px #ccc;
166
- }
167
- .box {
168
- box-shadow:
169
- 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
170
- 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
171
- 0 12.5px 10px rgba(0, 0, 0, 0.06),
172
- 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
173
- 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
174
- 0 100px 80px rgba(0, 0, 0, 0.12);
175
- margin: 100px auto;
176
- background: white;
177
- border-radius: 5px;
178
- }
179
- .image_block video {
180
- max-width: 100%;
181
- margin-bottom: 1em;
182
- }
183
- .image_block video {
184
- width: 100%;
185
- outline: none;
186
- border: none;
187
- }
188
- .mermaid svg {
189
- display: block;
190
- margin: auto;
191
- }
192
- .toc {
193
- padding: 1rem;
194
- }
195
- .toc-list {
196
- list-style: none;
197
- font-size: .8rem;
198
- }
199
- .caption {
200
- text-align: center;
201
- font-size: 0.9rem;
202
- }
203
- aside.notify {
204
- border-left: .25em solid;
205
- padding-left: 1rem;
206
- }
207
- aside.notify > :first-child {
208
- margin-top: 0;
209
- }
210
- aside.notify > :last-child {
211
- margin-bottom: 0;
212
- }
213
- aside.notify.note {
214
- border-left-color: #0085f2;
215
- }
216
- aside.notify.note .notify-title {
217
- color: #0085f2;
218
- }
219
- aside.notify.tip {
220
- border-left-color: #007936;
221
- }
222
- aside.notify.tip .notify-title {
223
- color: #007936;
224
- }
225
- aside.notify.important {
226
- border-left-color: #8250df;
227
- }
228
- aside.notify.important .notify-title {
229
- color: #8250df;
230
- }
231
- aside.notify.warning {
232
- border-left-color: #9a6700;
233
- }
234
- aside.notify.warning .notify-title {
235
- color: #9a6700;
236
- }
237
- aside.notify.caution {
238
- border-left-color: #d30038;
239
- }
240
- aside.notify.caution .notify-title {
241
- color: #d30038;
242
- }
243
- .CodeMirror {
244
- height: auto;
245
- font-family: inherit;
246
- }
247
- .title {
248
- margin: 0em;
249
- }
250
- .Editorleft {
251
- border-right: 1px dotted lightgrey;
252
- white-space: pre-wrap;
253
- word-break: break-word;
254
- word-wrap: break-word;
255
- width: 50%;
256
- font-size: 15px;
257
- text-align: left;
258
- float: left;
259
- height: 100%;
260
- padding-left: 10px;
261
- visibility: visible;
262
- opacity: 1;
263
- transition: all 0.2s ease-out;
264
- }
265
- .editorApp,
266
- .CodeMirror {
267
- height: 100%;
268
- }
269
- .Editorright {
270
- text-align: left;
271
- word-break: break-word;
272
- word-wrap: break-word;
273
- margin-right: 0;
274
- height: 100%;
275
- font-size: 15px;
276
- padding-left: 10px;
277
- overflow-y: scroll;
278
- overflow-x: hidden;
279
- background-color: white;
280
- }
281
- .Editorright .error {
282
- opacity: 0.5;
283
- }
284
- .Editorright * {
285
- }
286
- .Editorright img {
287
- display: block;
288
- margin: 0 auto;
289
- max-width: 100%;
290
- }
291
- .content {
292
- height: 100%;
293
- }
294
- .layoutPreview .Editorright {
295
- position: absolute;
296
- width: 48%;
297
- float: right;
298
- top: 0;
299
- right: 0;
300
- width: 100%;
301
- background-color: white;
302
- }
303
- .layoutPreview .Editorleft {
304
- visibility: hidden;
305
- opacity: 0;
306
- }
307
- .layoutPreview .content {
308
- width: 50%;
309
- margin: 0 auto;
310
- height: 100%;
311
- overflow-y: initial;
312
- }
313
- @keyframes App-logo-spin {
314
- from {
315
- transform: rotate(0deg);
316
- }
317
- to {
318
- transform: rotate(360deg);
319
- }
320
- }
321
- .CodeMirror-vscrollbar {
322
- user-select: none;
323
- outline: none !important;
324
- }
325
- ::-webkit-scrollbar-thumb {
326
- background-color: rgba(0, 0, 0, 0.1);
327
- }
328
- ::-webkit-scrollbar {
329
- background-color: (0, 0, 0, 0.05);
330
- }
331
- ::-webkit-scrollbar-thumb:active {
332
- background-color: rgba(0, 0, 0, 0.1);
333
- }
334
- ::-webkit-scrollbar {
335
- width: 10px;
336
- height: 10px;
337
- -webkit-border-radius: 100px;
338
- }
339
- ::-webkit-scrollbar-thumb {
340
- -webkit-border-radius: 100px;
341
- }
342
- ::-webkit-scrollbar-thumb:active {
343
- -webkit-border-radius: 100px;
344
- }
345
- ::-webkit-scrollbar-corner {
346
- background: transparent;
347
- }
348
- .CodeMirror-hints {
349
- z-index: 1000;
350
- border: none;
351
- }
package/lib/index.esm.css DELETED
@@ -1,351 +0,0 @@
1
- /* src/Editor.css */
2
- .EditorApp {
3
- font-family:
4
- Menlo,
5
- Monaco,
6
- Consolas,
7
- "Courier New",
8
- monospace;
9
- -webkit-font-smoothing: antialiased;
10
- -moz-osx-font-smoothing: grayscale;
11
- }
12
- .App-logo {
13
- height: 40vmin;
14
- pointer-events: none;
15
- }
16
- @media (prefers-reduced-motion: no-preference) {
17
- .App-logo {
18
- animation: App-logo-spin infinite 20s linear;
19
- }
20
- }
21
- .App-header {
22
- background-color: #282c34;
23
- min-height: 100vh;
24
- display: flex;
25
- flex-direction: column;
26
- align-items: center;
27
- justify-content: center;
28
- font-size: calc(10px + 2vmin);
29
- color: white;
30
- }
31
- .App-link {
32
- color: #61dafb;
33
- }
34
- .layout {
35
- position: absolute;
36
- width: 100%;
37
- }
38
- .Editor {
39
- text-align: left;
40
- white-space: pre-wrap;
41
- word-break: break-word;
42
- word-wrap: break-word;
43
- }
44
- [contenteditable]:focus {
45
- outline: 0px solid transparent;
46
- }
47
- .layout__panel {
48
- position: relative;
49
- width: 100%;
50
- height: 100%;
51
- flex: none;
52
- overflow: hidden;
53
- }
54
- .flex--row {
55
- flex-direction: row;
56
- }
57
- .flex {
58
- display: flex;
59
- }
60
- .CodeMirror {
61
- height: auto;
62
- font-family: inherit;
63
- }
64
- pre {
65
- overflow-x: auto;
66
- white-space: pre-wrap;
67
- white-space: -moz-pre-wrap;
68
- white-space: -pre-wrap;
69
- white-space: -o-pre-wrap;
70
- word-wrap: break-word;
71
- }
72
- .title {
73
- margin: 0em;
74
- }
75
- .Editorleft {
76
- border-right: 1px dotted lightgrey;
77
- white-space: pre-wrap;
78
- word-break: break-word;
79
- word-wrap: break-word;
80
- width: 50%;
81
- font-size: 15px;
82
- text-align: left;
83
- }
84
- body {
85
- margin: 0;
86
- font-family:
87
- Menlo,
88
- Monaco,
89
- Consolas,
90
- "Courier New",
91
- monospace;
92
- -webkit-font-smoothing: antialiased;
93
- -moz-osx-font-smoothing: grayscale;
94
- }
95
- code {
96
- font-family:
97
- source-code-pro,
98
- Menlo,
99
- Monaco,
100
- Consolas,
101
- "Courier New",
102
- monospace;
103
- }
104
- pre {
105
- padding: 9.5px;
106
- display: block;
107
- word-break: break-all;
108
- word-wrap: break-word;
109
- background-color: #f8f8f8;
110
- border-radius: 4px;
111
- }
112
- code {
113
- padding: 0;
114
- font-size: inherit;
115
- color: inherit;
116
- white-space: pre-wrap;
117
- background-color: transparent;
118
- border-radius: 0;
119
- }
120
- img {
121
- max-width: 1024px;
122
- }
123
- table {
124
- word-break: normal;
125
- min-width: 70%;
126
- max-width: 100%;
127
- margin: 1em auto;
128
- border-spacing: 0;
129
- border-collapse: collapse;
130
- text-align: center;
131
- margin-top: 2em;
132
- }
133
- table caption {
134
- margin-bottom: 0.8em;
135
- }
136
- table tbody tr:hover {
137
- background-color: #eee;
138
- -webkit-transition: .5s;
139
- transition: .5s;
140
- }
141
- tr th {
142
- vertical-align: bottom;
143
- border-bottom: 2px solid #eee;
144
- }
145
- td {
146
- padding: 8px;
147
- border: 1px solid #eee;
148
- }
149
- .footnote a {
150
- text-decoration: none;
151
- }
152
- .footnotes {
153
- border-top-style: solid;
154
- border-top-width: 1px;
155
- border-top-color: #eee;
156
- }
157
- img {
158
- display: block;
159
- margin: 0 auto;
160
- max-width: 100%;
161
- }
162
- .shadow {
163
- -webkit-box-shadow: 3px 3px 5px 6px #ccc;
164
- -moz-box-shadow: 3px 3px 5px 6px #ccc;
165
- box-shadow: 3px 3px 5px 6px #ccc;
166
- }
167
- .box {
168
- box-shadow:
169
- 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
170
- 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
171
- 0 12.5px 10px rgba(0, 0, 0, 0.06),
172
- 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
173
- 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
174
- 0 100px 80px rgba(0, 0, 0, 0.12);
175
- margin: 100px auto;
176
- background: white;
177
- border-radius: 5px;
178
- }
179
- .image_block video {
180
- max-width: 100%;
181
- margin-bottom: 1em;
182
- }
183
- .image_block video {
184
- width: 100%;
185
- outline: none;
186
- border: none;
187
- }
188
- .mermaid svg {
189
- display: block;
190
- margin: auto;
191
- }
192
- .toc {
193
- padding: 1rem;
194
- }
195
- .toc-list {
196
- list-style: none;
197
- font-size: .8rem;
198
- }
199
- .caption {
200
- text-align: center;
201
- font-size: 0.9rem;
202
- }
203
- aside.notify {
204
- border-left: .25em solid;
205
- padding-left: 1rem;
206
- }
207
- aside.notify > :first-child {
208
- margin-top: 0;
209
- }
210
- aside.notify > :last-child {
211
- margin-bottom: 0;
212
- }
213
- aside.notify.note {
214
- border-left-color: #0085f2;
215
- }
216
- aside.notify.note .notify-title {
217
- color: #0085f2;
218
- }
219
- aside.notify.tip {
220
- border-left-color: #007936;
221
- }
222
- aside.notify.tip .notify-title {
223
- color: #007936;
224
- }
225
- aside.notify.important {
226
- border-left-color: #8250df;
227
- }
228
- aside.notify.important .notify-title {
229
- color: #8250df;
230
- }
231
- aside.notify.warning {
232
- border-left-color: #9a6700;
233
- }
234
- aside.notify.warning .notify-title {
235
- color: #9a6700;
236
- }
237
- aside.notify.caution {
238
- border-left-color: #d30038;
239
- }
240
- aside.notify.caution .notify-title {
241
- color: #d30038;
242
- }
243
- .CodeMirror {
244
- height: auto;
245
- font-family: inherit;
246
- }
247
- .title {
248
- margin: 0em;
249
- }
250
- .Editorleft {
251
- border-right: 1px dotted lightgrey;
252
- white-space: pre-wrap;
253
- word-break: break-word;
254
- word-wrap: break-word;
255
- width: 50%;
256
- font-size: 15px;
257
- text-align: left;
258
- float: left;
259
- height: 100%;
260
- padding-left: 10px;
261
- visibility: visible;
262
- opacity: 1;
263
- transition: all 0.2s ease-out;
264
- }
265
- .editorApp,
266
- .CodeMirror {
267
- height: 100%;
268
- }
269
- .Editorright {
270
- text-align: left;
271
- word-break: break-word;
272
- word-wrap: break-word;
273
- margin-right: 0;
274
- height: 100%;
275
- font-size: 15px;
276
- padding-left: 10px;
277
- overflow-y: scroll;
278
- overflow-x: hidden;
279
- background-color: white;
280
- }
281
- .Editorright .error {
282
- opacity: 0.5;
283
- }
284
- .Editorright * {
285
- }
286
- .Editorright img {
287
- display: block;
288
- margin: 0 auto;
289
- max-width: 100%;
290
- }
291
- .content {
292
- height: 100%;
293
- }
294
- .layoutPreview .Editorright {
295
- position: absolute;
296
- width: 48%;
297
- float: right;
298
- top: 0;
299
- right: 0;
300
- width: 100%;
301
- background-color: white;
302
- }
303
- .layoutPreview .Editorleft {
304
- visibility: hidden;
305
- opacity: 0;
306
- }
307
- .layoutPreview .content {
308
- width: 50%;
309
- margin: 0 auto;
310
- height: 100%;
311
- overflow-y: initial;
312
- }
313
- @keyframes App-logo-spin {
314
- from {
315
- transform: rotate(0deg);
316
- }
317
- to {
318
- transform: rotate(360deg);
319
- }
320
- }
321
- .CodeMirror-vscrollbar {
322
- user-select: none;
323
- outline: none !important;
324
- }
325
- ::-webkit-scrollbar-thumb {
326
- background-color: rgba(0, 0, 0, 0.1);
327
- }
328
- ::-webkit-scrollbar {
329
- background-color: (0, 0, 0, 0.05);
330
- }
331
- ::-webkit-scrollbar-thumb:active {
332
- background-color: rgba(0, 0, 0, 0.1);
333
- }
334
- ::-webkit-scrollbar {
335
- width: 10px;
336
- height: 10px;
337
- -webkit-border-radius: 100px;
338
- }
339
- ::-webkit-scrollbar-thumb {
340
- -webkit-border-radius: 100px;
341
- }
342
- ::-webkit-scrollbar-thumb:active {
343
- -webkit-border-radius: 100px;
344
- }
345
- ::-webkit-scrollbar-corner {
346
- background: transparent;
347
- }
348
- .CodeMirror-hints {
349
- z-index: 1000;
350
- border: none;
351
- }