@mdxeditor/editor 0.0.1 → 0.1.0

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/style.css DELETED
@@ -1,925 +0,0 @@
1
- @import url('@radix-ui/colors/blue.css');@import url('@radix-ui/colors/blueDark.css');@import url('@radix-ui/colors/slate.css');@import url('@radix-ui/colors/slateDark.css');._bold_1xdbx_1 {
2
- font-weight: bold;
3
- }
4
-
5
- ._italic_1xdbx_5 {
6
- font-style: italic;
7
- }
8
-
9
- ._underline_1xdbx_9 {
10
- text-decoration: underline;
11
- }
12
-
13
- ._bold_1xdbx_1 {
14
- font-weight: 700
15
- }
16
-
17
- ._italic_1xdbx_5 {
18
- font-style: italic
19
- }
20
-
21
- ._underline_1xdbx_9 {
22
- text-decoration: underline
23
- }
24
-
25
- ._strikethrough_1xdbx_25 {
26
- text-decoration: line-through
27
- }
28
-
29
- ._underlineStrikethrough_1xdbx_29 {
30
- text-decoration: underline line-through
31
- }
32
-
33
- ._subscript_1xdbx_33 {
34
- font-size: .8em;
35
- vertical-align: sub!important
36
- }
37
-
38
- ._superscript_1xdbx_38 {
39
- font-size: .8em;
40
- vertical-align: super
41
- }
42
-
43
- ._code_1xdbx_43 {
44
- background-color: var(--baseBg);
45
- padding: 1px .25rem;
46
- font-family: var(--font-mono);
47
- font-size: 94%
48
- }
49
-
50
- ._nestedListItem_1xdbx_50 {
51
- list-style:none;
52
- }
53
-
54
- ._admonitionDanger_1xdbx_54, ._admonitionInfo_1xdbx_54, ._admonitionNote_1xdbx_54, ._admonitionTip_1xdbx_54, ._admonitionCaution_1xdbx_54 {
55
- border: 1px solid red;
56
- }
57
- {
58
-
59
-
60
-
61
-
62
- }
63
-
64
- ._editorRoot_1nlu3_43 {
65
- --accentBase: var(--blue1);
66
- --accentBgSubtle: var(--blue2);
67
- --accentBg: var(--blue3);
68
- --accentBgHover: var(--blue4);
69
- --accentBgActive: var(--blue5);
70
- --accentLine: var(--blue6);
71
- --accentBorder: var(--blue7);
72
- --accentBorderHover: var(--blue8);
73
- --accentSolid: var(--blue9);
74
- --accentSolidHover: var(--blue10);
75
- --accentText: var(--blue11);
76
- --accentTextContrast: var(--blue12);
77
-
78
- --baseBase: var(--slate1);
79
- --baseBgSubtle: var(--slate2);
80
- --baseBg: var(--slate3);
81
- --baseBgHover: var(--slate4);
82
- --baseBgActive: var(--slate5);
83
- --baseLine: var(--slate6);
84
- --baseBorder: var(--slate7);
85
- --baseBorderHover: var(--slate8);
86
- --baseSolid: var(--slate9);
87
- --baseSolidHover: var(--slate10);
88
- --baseText: var(--slate11);
89
- --baseTextContrast: var(--slate12);
90
-
91
- --spacing-0:0px;
92
- --spacing-px:1px;
93
- --spacing-0_5:0.125rem;
94
- --spacing-1:0.25rem;
95
- --spacing-1_5:0.375rem;
96
- --spacing-2:0.5rem;
97
- --spacing-2_5:0.625rem;
98
- --spacing-3:0.75rem;
99
- --spacing-3_5:0.875rem;
100
- --spacing-4:1rem;
101
- --spacing-5:1.25rem;
102
- --spacing-6:1.5rem;
103
- --spacing-7:1.75rem;
104
- --spacing-8:2rem;
105
- --spacing-9:2.25rem;
106
- --spacing-10:2.5rem;
107
- --spacing-11:2.75rem;
108
- --spacing-12:3rem;
109
- --spacing-14:3.5rem;
110
- --spacing-16:4rem;
111
- --spacing-20:5rem;
112
- --spacing-24:6rem;
113
- --spacing-28:7rem;
114
- --spacing-32:8rem;
115
- --spacing-36:9rem;
116
- --spacing-40:10rem;
117
- --spacing-44:11rem;
118
- --spacing-48:12rem;
119
- --spacing-52:13rem;
120
- --spacing-56:14rem;
121
- --spacing-60:15rem;
122
- --spacing-64:16rem;
123
- --spacing-72:18rem;
124
- --spacing-80:20rem;
125
- --spacing-96:24rem;
126
-
127
- --radius-none:0px;
128
- --radius-small: var(--spacing-0_5);
129
- --radius-base: var(--spacing-1);
130
- --radius-medium: var(--spacing-1_5);
131
- --radius-large: var(--spacing-2);
132
- --radius-extra-large: var(--spacing-3);
133
- --radius-full: 9999px;
134
-
135
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
136
- --text-sm: 0.875rem;
137
- --text-xs: 0.75rem;
138
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
- color: var(--baseText);
140
- }
141
-
142
- ._editorWrapper_1nlu3_121 {
143
- padding: var(--spacing-3);
144
- }
145
-
146
- ._nestedListItem_1nlu3_125 {
147
- list-style: none;
148
- }
149
-
150
- ._toolbarRoot_1nlu3_129 {
151
- /* border: var(--spacing-px) solid var(--baseBorder); */
152
- z-index: 50;
153
- margin-bottom: var(--spacing-6);
154
- display: flex;
155
- flex-direction: row;
156
- gap: var(--spacing-1);
157
- border-radius: var(--radius-medium);
158
- padding: var(--spacing-2) var(--spacing-2);
159
- align-items: center;
160
- overflow-x: auto;
161
- position: sticky;
162
- top: 0;
163
- background-color: var(--baseBgSubtle);
164
- width: inherit;
165
- }
166
-
167
- ._toolbarRoot_1nlu3_129 div[role=separator] {
168
- margin: var(--spacing-1);
169
- }
170
-
171
- ._toolbarModeSwitch_1nlu3_150 {
172
- margin-left: auto;
173
- align-self: stretch;
174
- align-items: stretch;
175
- display: flex;
176
- border: 1px solid var(--baseBg);
177
- border-radius: var(--radius-medium);
178
- font-size: var(--text-xs);
179
- }
180
-
181
- ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159 {
182
- -webkit-padding-end: var(--spacing-4);
183
- padding-inline-end: var(--spacing-4);
184
- -webkit-padding-start: var(--spacing-4);
185
- padding-inline-start: var(--spacing-4);
186
- }
187
-
188
- ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159:active, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159[data-state=on] {
189
- background-color:var(--baseBorder);
190
- }
191
-
192
- ._toolbarGroupOfGroups_1nlu3_169 {
193
- display: flex;
194
- }
195
-
196
- ._toolbarToggleSingleGroup_1nlu3_173:first-of-type ._toolbarToggleItem_1nlu3_159:only-child, ._toolbarToggleSingleGroup_1nlu3_173:only-child ._toolbarToggleItem_1nlu3_159:first-child, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159:first-child {
197
- border-top-left-radius: var(--radius-base);
198
- border-bottom-left-radius: var(--radius-base);
199
- }
200
-
201
- ._toolbarToggleSingleGroup_1nlu3_173:last-of-type ._toolbarToggleItem_1nlu3_159:only-child, ._toolbarToggleSingleGroup_1nlu3_173:only-child ._toolbarToggleItem_1nlu3_159:last-child, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159:last-child {
202
- border-top-right-radius: var(--radius-base);
203
- border-bottom-right-radius: var(--radius-base);
204
- }
205
-
206
- ._toolbarToggleItem_1nlu3_159, ._toolbarButton_1nlu3_187 {
207
- border: 0;
208
- background-color: transparent;
209
- font-size: inherit;
210
- -webkit-appearance: none;
211
- -moz-appearance: none;
212
- appearance: none;
213
- all: unset;
214
- box-sizing: border-box;
215
- cursor: default;
216
- padding: var(--spacing-1);
217
- }
218
-
219
- ._toolbarToggleItem_1nlu3_159 svg, ._toolbarButton_1nlu3_187 svg {
220
- display: block;
221
- }
222
-
223
- ._toolbarToggleItem_1nlu3_159:hover, ._toolbarButton_1nlu3_187:hover {
224
- background-color: var(--baseBgHover);
225
- }
226
-
227
- ._toolbarToggleItem_1nlu3_159:active svg, ._toolbarButton_1nlu3_187:active svg {
228
- transform: translate(1px, 1px);
229
- }
230
-
231
- ._toolbarToggleItem_1nlu3_159[data-state=on], ._toolbarButton_1nlu3_187[data-state=on], ._toolbarToggleItem_1nlu3_159:active, ._toolbarButton_1nlu3_187:active {
232
- background-color: var(--accentBgActive);
233
- }
234
-
235
- ._toolbarButton_1nlu3_187 {
236
- border-radius: var(--radius-base);
237
- }
238
-
239
- ._toolbarToggleSingleGroup_1nlu3_173 {
240
- white-space: nowrap;
241
- }
242
-
243
- ._toolbarNodeKindSelectContainer_1nlu3_216, ._toolbarButtonDropdownContainer_1nlu3_217 {
244
- z-index: 60;
245
- width: var(--spacing-36);
246
- border-bottom-left-radius: var(--radius-base);
247
- border-bottom-right-radius: var(--radius-base);
248
- background-color: var(--baseBgHover);
249
- font-size: var(--text-sm);
250
- }
251
-
252
- ._toolbarButtonDropdownContainer_1nlu3_217 {
253
- border-top-right-radius: var(--radius-base);
254
- }
255
-
256
- ._toolbarNodeKindSelectTrigger_1nlu3_230, ._toolbarButtonSelectTrigger_1nlu3_231 {
257
- border: 0;
258
- background-color: transparent;
259
- display: flex;
260
- color: inherit;
261
- align-items: center;
262
- width: var(--spacing-36);
263
- padding: var(--spacing-1);
264
- -webkit-padding-start: var(--spacing-4) ;
265
- padding-inline-start: var(--spacing-4) ;
266
- -webkit-padding-end: var(--spacing-2);
267
- padding-inline-end: var(--spacing-2);
268
- border-radius: var(--radius-medium);
269
- white-space: nowrap;
270
- flex-wrap: nowrap;
271
- font-size: var(--text-sm);
272
- }
273
-
274
- ._toolbarNodeKindSelectTrigger_1nlu3_230:hover, ._toolbarButtonSelectTrigger_1nlu3_231:hover {
275
- background-color: var(--baseBgHover);
276
- }
277
-
278
- ._toolbarNodeKindSelectTrigger_1nlu3_230[data-state=open], ._toolbarButtonSelectTrigger_1nlu3_231[data-state=open] {
279
- border-bottom-right-radius: var(--radius-none);
280
- border-bottom-left-radius: var(--radius-none);
281
- background-color: var(--baseBgHover);
282
- }
283
-
284
- /** used in the sandpack */
285
-
286
- ._toolbarButtonSelectTrigger_1nlu3_231 {
287
- width: auto;
288
- -webkit-padding-start: var(--spacing-2) ;
289
- padding-inline-start: var(--spacing-2) ;
290
- -webkit-padding-end: var(--spacing-1);
291
- padding-inline-end: var(--spacing-1);
292
- }
293
-
294
- ._toolbarNodeKindSelectItem_1nlu3_264 {
295
- cursor: default;
296
- display: flex;
297
- padding: var(--spacing-2) var(--spacing-4);
298
- }
299
-
300
- ._toolbarNodeKindSelectItem_1nlu3_264[data-highlighted] {
301
- background-color: var(--baseBgSubtle);
302
- }
303
-
304
- ._toolbarNodeKindSelectItem_1nlu3_264[data-state=checked] {
305
- background-color: var(--accentBgActive);
306
- }
307
-
308
- ._toolbarNodeKindSelectItem_1nlu3_264[data-highlighted] {
309
- outline: none;
310
- }
311
-
312
- ._toolbarNodeKindSelectItem_1nlu3_264:last-child {
313
- border-bottom-left-radius: var(--radius-base);
314
- border-bottom-right-radius: var(--radius-base);
315
- }
316
-
317
- ._toolbarNodeKindSelectDropdownArrow_1nlu3_287 {
318
- margin-left: auto;
319
- }
320
-
321
- ._contentEditable_1nlu3_291 {
322
- width: 100%;
323
- color: var(--baseTextContrast);
324
- }
325
-
326
- ._contentEditable_1nlu3_291:focus {
327
- outline: none;
328
- }
329
-
330
- ._sandpackWrapper_1nlu3_299 {
331
- margin-bottom:var(--spacing-5);
332
- }
333
-
334
- ._frontmatterWrapper_1nlu3_303 {
335
- border-radius: var(--radius-medium);
336
- padding: var(--spacing-3);
337
- background-color: var(--baseBgSubtle);
338
- }
339
-
340
- ._frontmatterWrapper_1nlu3_303[data-expanded=true] {
341
- margin-bottom: var(--spacing-10);
342
- }
343
-
344
- ._frontmatterToggleButton_1nlu3_313 {
345
- border: 0;
346
- background-color: transparent;
347
- font-size: inherit;
348
- -webkit-appearance: none;
349
- -moz-appearance: none;
350
- appearance: none;
351
- all: unset;
352
- box-sizing: border-box;
353
- cursor: default;
354
- display: flex;
355
- align-items: center;
356
- gap:var(--spacing-1);
357
- font-size: var(--text-sm);
358
- }
359
-
360
- ._frontmatterEditorTable_1nlu3_321 {
361
- table-layout: fixed;
362
- margin-top: var(--spacing-3);
363
- border-spacing: var(--spacing-2);
364
- }
365
-
366
- ._frontmatterEditorTable_1nlu3_321 th {
367
- text-align: left;
368
- font-size: var(--text-sm);
369
- padding: var(--spacing-2) var(--spacing-3);
370
- }
371
-
372
- ._frontmatterEditorTable_1nlu3_321 col:nth-child(1) {
373
- width: 30%;
374
- }
375
-
376
- ._frontmatterEditorTable_1nlu3_321 col:nth-child(2) {
377
- width: 70%;
378
- }
379
-
380
- ._frontmatterEditorTable_1nlu3_321 td:last-child ._iconButton_1nlu3_339 {
381
- margin-left: var(--spacing-4);
382
- margin-right: var(--spacing-4);
383
- }
384
-
385
- ._frontmatterInput_1nlu3_345 {
386
- border: 0;
387
- background-color: transparent;
388
- font-size: inherit;
389
- -webkit-appearance: none;
390
- -moz-appearance: none;
391
- appearance: none;
392
- all: unset;
393
- box-sizing: border-box;
394
- cursor: default;
395
- width: 100%;
396
- padding: var(--spacing-2) var(--spacing-3);
397
- border-radius: var(--radius-base);
398
- border: 1px solid var(--baseBorder);
399
- background-color: var(--baseBase);
400
- font-size: var(--text-sm);
401
- }
402
-
403
- ._iconButton_1nlu3_339 {
404
- border: 0;
405
- background-color: transparent;
406
- font-size: inherit;
407
- -webkit-appearance: none;
408
- -moz-appearance: none;
409
- appearance: none;
410
- all: unset;
411
- box-sizing: border-box;
412
- cursor: default;
413
- color:var(--baseText);
414
- }
415
-
416
- ._primaryButton_1nlu3_360 {
417
- border: 0;
418
- background-color: transparent;
419
- font-size: inherit;
420
- -webkit-appearance: none;
421
- -moz-appearance: none;
422
- appearance: none;
423
- all: unset;
424
- box-sizing: border-box;
425
- cursor: default;
426
- padding: var(--spacing-2) var(--spacing-3);
427
- border: 1px solid var(--accentBorder);
428
- background-color: var(--accentSolidHover);
429
- color:var(--baseBase);
430
- font-size: var(--text-sm);
431
- border-radius: var(--radius-medium);
432
- }
433
-
434
- ._linkDialogEditForm_1nlu3_370 {
435
- display: flex;
436
- align-items: center;
437
- gap: var(--spacing-2);
438
- }
439
-
440
- ._linkDialogInputContainer_1nlu3_376 {
441
- display: flex;
442
- flex-direction: column;
443
- align-items: stretch;
444
- }
445
-
446
- ._linkDialogInputWrapper_1nlu3_382 {
447
- display: flex;
448
- align-items: center;
449
- background-color: var(--baseBase);
450
-
451
- border-radius: var(--radius-base);
452
- border:1px solid var(--baseBorder);
453
- }
454
-
455
- ._linkDialogInputWrapper_1nlu3_382[data-visible-dropdown=true] {
456
- border-bottom-left-radius: var(--radius-none) ;
457
- border-bottom-right-radius: var(--radius-none) ;
458
- border-bottom-width: 0;
459
- }
460
-
461
- ._linkDialogInputWrapper_1nlu3_382 > button {
462
- border: 0;
463
- background-color: transparent;
464
- font-size: inherit;
465
- -webkit-appearance: none;
466
- -moz-appearance: none;
467
- appearance: none;
468
- all: unset;
469
- box-sizing: border-box;
470
- cursor: default;
471
- padding-right: var(--spacing-2);
472
- }
473
-
474
- ._linkDialogInput_1nlu3_376 {
475
- border: 0;
476
- background-color: transparent;
477
- font-size: inherit;
478
- -webkit-appearance: none;
479
- -moz-appearance: none;
480
- appearance: none;
481
- all: unset;
482
- box-sizing: border-box;
483
- cursor: default;
484
- width: 13rem;
485
- padding: var(--spacing-2) var(--spacing-3);
486
- font-size: var(--text-sm);
487
- }
488
-
489
- ._linkDialogInput_1nlu3_376::-moz-placeholder {
490
- color: var(--baseBorder);
491
- }
492
-
493
- ._linkDialogInput_1nlu3_376::placeholder {
494
- color: var(--baseBorder);
495
- }
496
-
497
- ._linkDialogAutocompleteContainer_1nlu3_412 {
498
- position: relative;
499
- }
500
-
501
- ._linkDialogAutocompleteContainer_1nlu3_412 ul {
502
- all: unset;
503
- box-sizing: border-box;
504
- position: absolute;
505
- font-size: var(--text-sm);
506
- width: 100%;
507
- display: none;
508
- border-bottom-left-radius: var(--radius-medium) ;
509
- border-bottom-right-radius: var(--radius-medium) ;
510
- max-height: var(--spacing-48);
511
- overflow-x: hidden;
512
- overflow-y: auto;
513
- border: 1px solid var(--baseBorder);
514
- border-top-width: 0;
515
- background-color: var(--baseBase);
516
- }
517
-
518
- ._linkDialogAutocompleteContainer_1nlu3_412 ul[data-visible=true] {
519
- display: block;
520
- }
521
-
522
- ._linkDialogAutocompleteContainer_1nlu3_412 ul li {
523
- padding: var(--spacing-2) var(--spacing-3);
524
- white-space: nowrap;
525
- margin-bottom: var(--spacing-1);
526
- overflow-x: hidden;
527
- text-overflow: ellipsis;
528
- }
529
-
530
- ._linkDialogAutocompleteContainer_1nlu3_412 ul li[data-selected=true] {
531
- background-color: var(--baseBgSubtle);
532
- }
533
-
534
- ._linkDialogAutocompleteContainer_1nlu3_412 ul li[data-highlighted=true] {
535
- background-color: var(--baseBgHover);
536
- }
537
-
538
- ._linkDialogAutocompleteContainer_1nlu3_412 ul li:last-of-type {
539
- border-bottom-left-radius: var(--radius-medium) ;
540
- border-bottom-right-radius: var(--radius-medium) ;
541
- }
542
-
543
- ._linkDialogAnchor_1nlu3_457 {
544
- position: absolute;
545
- background-color: highlight;
546
- z-index: -1;
547
- }
548
-
549
- ._linkDialogAnchor_1nlu3_457[data-visible=true] {
550
- visibility: visible;
551
- }
552
-
553
- ._linkDialogAnchor_1nlu3_457[data-visible=false] {
554
- visibility: hidden;
555
- }
556
-
557
- ._linkDialogPopoverContent_1nlu3_471, ._tableColumnEditorPopoverContent_1nlu3_471, ._dialogContent_1nlu3_471 {
558
- filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
559
- display: flex;
560
- align-items: center;
561
- gap: var(--spacing-0_5);
562
- border-radius:var(--radius-medium);
563
- border: 1px solid var(--baseBorder);
564
- background-color: var(--baseBgSubtle);
565
- padding:var(--spacing-2) var(--spacing-2);
566
- font-size: var(--text-sm);
567
- }
568
-
569
- ._linkDialogPreviewAnchor_1nlu3_485 {
570
- margin-right: var(--spacing-3);
571
- display: flex;
572
- align-items: flex-start;
573
- color: var(--accentText);
574
- text-decoration: none;
575
- border: 1px solid transparent;
576
- }
577
-
578
- ._linkDialogPreviewAnchor_1nlu3_485 svg {
579
- width: var(--spacing-5);
580
- height: var(--spacing-5);
581
- margin-left: var(--spacing-2);
582
- }
583
-
584
- ._linkDialogPreviewAnchor_1nlu3_485 span {
585
- max-width: 14rem;
586
- overflow-x: hidden;
587
- text-overflow: ellipsis;
588
- white-space: nowrap;
589
- }
590
-
591
- ._tooltipContent_1nlu3_507 {
592
- border-radius: var(--radius-medium);
593
- padding: var(--spacing-1) var(--spacing-2);
594
- font-size: var(--text-xs);
595
- background-color: var(--baseText);
596
- color: var(--baseBase);
597
- }
598
-
599
- ._tooltipContent_1nlu3_507 svg {
600
- fill: var(--baseText);
601
- }
602
-
603
- ._actionButton_1nlu3_519 {
604
- border: 0;
605
- background-color: transparent;
606
- font-size: inherit;
607
- -webkit-appearance: none;
608
- -moz-appearance: none;
609
- appearance: none;
610
- all: unset;
611
- box-sizing: border-box;
612
- cursor: default;
613
- padding: var(--spacing-2);
614
- padding: var(--spacing-1) var(--spacing-1);
615
- border-radius: var(--radius-medium);
616
- }
617
-
618
- ._actionButton_1nlu3_519 svg {
619
- display: block;
620
- }
621
-
622
- ._actionButton_1nlu3_519:hover {
623
- background-color: var(--baseBgHover);
624
- }
625
-
626
- ._actionButton_1nlu3_519:active svg {
627
- transform: translate(1px, 1px);
628
- }
629
-
630
- ._actionButton_1nlu3_519[data-state=on], ._actionButton_1nlu3_519:active {
631
- background-color: var(--accentBgActive);
632
- }
633
-
634
- ._primaryActionButton_1nlu3_525 {
635
- background-color: var(--accentSolid);
636
- color:var(--baseBase);
637
- }
638
-
639
- ._primaryActionButton_1nlu3_525:hover {
640
- background-color: var(--accentSolidHover);
641
- color:var(--baseBase);
642
- }
643
-
644
- ._tableEditor_1nlu3_534 {
645
- table-layout: fixed;
646
- width: 100%;
647
- height: 100%;
648
- border-spacing: 0;
649
- border-collapse: collapse;
650
- }
651
-
652
- ._tableEditor_1nlu3_534 thead > tr > th {
653
- text-align: right;
654
- }
655
-
656
- ._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) {
657
- border: 1px solid var(--baseBorder);
658
- padding: var(--spacing-1) var(--spacing-2);
659
- white-space: normal;
660
- }
661
-
662
- ._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) > div {
663
- outline: none;
664
- }
665
-
666
- ._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) > div > p {
667
- margin: 0;
668
- }
669
-
670
- ._tableEditor_1nlu3_534 > tbody > tr > td[data-active=true]:not(._toolCell_1nlu3_545) {
671
- outline: solid 2px var(--accentSolid)
672
- }
673
-
674
- ._tableEditor_1nlu3_534 ._tableColumnEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534 ._tableRowEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534 ._addRowButton_1nlu3_562, ._tableEditor_1nlu3_534 ._addColumnButton_1nlu3_562, ._tableEditor_1nlu3_534 ._iconButton_1nlu3_339 {
675
- opacity: 0;
676
- }
677
-
678
- ._tableEditor_1nlu3_534:hover ._tableColumnEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534:hover ._tableRowEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534:hover ._addRowButton_1nlu3_562, ._tableEditor_1nlu3_534:hover ._addColumnButton_1nlu3_562, ._tableEditor_1nlu3_534:hover ._iconButton_1nlu3_339 {
679
- opacity: .3;
680
- }
681
-
682
- ._tableEditor_1nlu3_534:hover ._tableColumnEditorTrigger_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._tableRowEditorTrigger_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._addRowButton_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._addColumnButton_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._iconButton_1nlu3_339:hover {
683
- opacity: 1;
684
- };
685
-
686
- ._toolCell_1nlu3_545 {
687
- text-align: right;
688
- }
689
-
690
- ._toolCell_1nlu3_545 button {
691
- margin: auto;
692
- display: block;
693
- }
694
-
695
- ._tableColumnEditorTrigger_1nlu3_562 {
696
- border: 0;
697
- background-color: transparent;
698
- font-size: inherit;
699
- -webkit-appearance: none;
700
- -moz-appearance: none;
701
- appearance: none;
702
- all: unset;
703
- box-sizing: border-box;
704
- cursor: default;
705
- padding: var(--spacing-2);
706
- padding: var(--spacing-1);
707
- border-radius: var(--radius-full);
708
- opacity: 0.2;
709
- }
710
-
711
- ._tableColumnEditorTrigger_1nlu3_562 svg {
712
- display: block;
713
- }
714
-
715
- ._tableColumnEditorTrigger_1nlu3_562:hover {
716
- background-color: var(--baseBgHover);
717
- }
718
-
719
- ._tableColumnEditorTrigger_1nlu3_562:active svg {
720
- transform: translate(1px, 1px);
721
- }
722
-
723
- ._tableColumnEditorTrigger_1nlu3_562[data-state=on], ._tableColumnEditorTrigger_1nlu3_562:active {
724
- background-color: var(--accentBgActive);
725
- }
726
-
727
- ._tableColumnEditorTrigger_1nlu3_562[data-active=true] {
728
- opacity: 1;
729
- }
730
-
731
- ._tableColumnEditorToolbar_1nlu3_596 {
732
- display: flex;
733
- }
734
-
735
- ._tableColumnEditorToolbar_1nlu3_596 > button {
736
- border: 0;
737
- background-color: transparent;
738
- font-size: inherit;
739
- -webkit-appearance: none;
740
- -moz-appearance: none;
741
- appearance: none;
742
- all: unset;
743
- box-sizing: border-box;
744
- cursor: default;
745
- padding: var(--spacing-2);
746
- }
747
-
748
- ._tableColumnEditorToolbar_1nlu3_596 > button svg {
749
- display: block;
750
- }
751
-
752
- ._tableColumnEditorToolbar_1nlu3_596 > button:hover {
753
- background-color: var(--baseBgHover);
754
- }
755
-
756
- ._tableColumnEditorToolbar_1nlu3_596 > button:active svg {
757
- transform: translate(1px, 1px);
758
- }
759
-
760
- ._tableColumnEditorToolbar_1nlu3_596 > button[data-state=on], ._tableColumnEditorToolbar_1nlu3_596 > button:active {
761
- background-color: var(--accentBgActive);
762
- }
763
-
764
- ._tableColumnEditorToolbar_1nlu3_596 [role=separator] {
765
- margin-left: var(--spacing-1);
766
- margin-right: var(--spacing-1);
767
- }
768
-
769
- ._toggleGroupRoot_1nlu3_608 {
770
- display: inline-flex;
771
- }
772
-
773
- ._toggleGroupRoot_1nlu3_608 button {
774
- border: 0;
775
- background-color: transparent;
776
- font-size: inherit;
777
- -webkit-appearance: none;
778
- -moz-appearance: none;
779
- appearance: none;
780
- all: unset;
781
- box-sizing: border-box;
782
- cursor: default;
783
- padding: var(--spacing-2);
784
- }
785
-
786
- ._toggleGroupRoot_1nlu3_608 button svg {
787
- display: block;
788
- }
789
-
790
- ._toggleGroupRoot_1nlu3_608 button:hover {
791
- background-color: var(--baseBgHover);
792
- }
793
-
794
- ._toggleGroupRoot_1nlu3_608 button:active svg {
795
- transform: translate(1px, 1px);
796
- }
797
-
798
- ._toggleGroupRoot_1nlu3_608 button[data-state=on], ._toggleGroupRoot_1nlu3_608 button:active {
799
- background-color: var(--accentBgActive);
800
- }
801
-
802
- ._toggleGroupRoot_1nlu3_608 button:first-child {
803
- border-top-left-radius: var(--radius-base);
804
- border-bottom-left-radius: var(--radius-base);
805
- }
806
-
807
- ._toggleGroupRoot_1nlu3_608 button:last-child {
808
- border-top-right-radius: var(--radius-base);
809
- border-bottom-right-radius: var(--radius-base);
810
- }
811
-
812
- ._tableToolsColumn_1nlu3_625 {
813
- width: 3rem;
814
- }
815
-
816
- ._tableToolsColumn_1nlu3_625 button {
817
- margin: auto;
818
- display: block;
819
- }
820
-
821
- ._leftAlignedCell_1nlu3_633 {
822
- text-align: left;
823
- }
824
-
825
- ._rightAlignedCell_1nlu3_637 {
826
- text-align: right;
827
- }
828
-
829
- ._centeredCell_1nlu3_641 {
830
- text-align: center;
831
- }
832
-
833
- ._addColumnButton_1nlu3_562, ._addRowButton_1nlu3_562 {
834
- border: 0;
835
- background-color: transparent;
836
- font-size: inherit;
837
- -webkit-appearance: none;
838
- -moz-appearance: none;
839
- appearance: none;
840
- all: unset;
841
- box-sizing: border-box;
842
- cursor: default;
843
- padding: var(--spacing-2);
844
- background-color: var(--baseBase);
845
-
846
- display: flex;
847
- align-items: center;
848
- border-radius: var(--radius-medium);
849
- }
850
-
851
- ._addColumnButton_1nlu3_562 svg, ._addRowButton_1nlu3_562 svg {
852
- display: block;
853
- }
854
-
855
- ._addColumnButton_1nlu3_562:hover, ._addRowButton_1nlu3_562:hover {
856
- background-color: var(--baseBgHover);
857
- }
858
-
859
- ._addColumnButton_1nlu3_562:active svg, ._addRowButton_1nlu3_562:active svg {
860
- transform: translate(1px, 1px);
861
- }
862
-
863
- ._addColumnButton_1nlu3_562[data-state=on], ._addRowButton_1nlu3_562[data-state=on], ._addColumnButton_1nlu3_562:active, ._addRowButton_1nlu3_562:active {
864
- background-color: var(--accentBgActive);
865
- }
866
-
867
- ._addColumnButton_1nlu3_562 svg, ._addRowButton_1nlu3_562 svg {
868
- margin: auto;
869
- }
870
-
871
- ._addRowButton_1nlu3_562 {
872
- width: 100%;
873
- margin-top: var(--spacing-2);
874
- box-sizing: border-box;
875
- }
876
-
877
- ._addColumnButton_1nlu3_562 {
878
- margin-left: var(--spacing-2);
879
- height: 100%;
880
- }
881
-
882
- /** Dialog */
883
-
884
- ._dialogOverlay_1nlu3_669 {
885
- position: fixed;
886
- inset: 0;
887
- animation: _overlayShow_1nlu3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
888
- background-color: var(--baseBase);
889
- z-index: 51;
890
- opacity: 0.5;
891
- }
892
-
893
- ._dialogContent_1nlu3_471 {
894
- position: fixed;
895
- top: 50%;
896
- left: 50%;
897
- transform: translate(-50%, -50%);
898
- animation: _contentShow_1nlu3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
899
- z-index: 52;
900
- }
901
-
902
- ._dialogContent_1nlu3_471:focus {
903
- outline: none;
904
- }
905
-
906
- @keyframes _overlayShow_1nlu3_1 {
907
- from {
908
- opacity: 0;
909
- }
910
- to {
911
- opacity: .5;
912
- }
913
- }
914
-
915
- @keyframes _contentShow_1nlu3_1 {
916
- from {
917
- opacity: 0;
918
- transform: translate(-50%, -48%) scale(0.96);
919
- }
920
- to {
921
- opacity: 1;
922
- transform: translate(-50%, -50%) scale(1);
923
- }
924
- }
925
- :root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;display:inline-block;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}