@brett_lamy/docstream-editor 0.3.2 → 0.3.3

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/package.json +14 -1
  2. package/src/styles.css +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brett_lamy/docstream-editor",
3
- "version": "0.3.2",
3
+ "version": "0.3.3",
4
4
  "description": "TipTap editor for Docstream GitBook-style markdown documents.",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
@@ -39,5 +39,18 @@
39
39
  "repository": {
40
40
  "type": "git",
41
41
  "url": "git+https://github.com/BLamy/docstream-editor.git"
42
+ },
43
+ "devDependencies": {
44
+ "@tiptap/core": "^3.26.1",
45
+ "@tiptap/extension-code-block-lowlight": "^3.26.1",
46
+ "@tiptap/extension-list": "^3.26.1",
47
+ "@tiptap/extension-placeholder": "^3.26.1",
48
+ "@tiptap/extension-table": "^3.26.1",
49
+ "@tiptap/pm": "^3.26.1",
50
+ "@tiptap/react": "^3.26.1",
51
+ "@tiptap/starter-kit": "^3.26.1",
52
+ "@tiptap/suggestion": "^3.26.1",
53
+ "react": "^19",
54
+ "react-dom": "^19"
42
55
  }
43
56
  }
package/src/styles.css CHANGED
@@ -559,9 +559,9 @@
559
559
 
560
560
  .gb-react-demo-editor {
561
561
  overflow: hidden;
562
- border: 1px solid var(--gb-border, var(--border));
562
+ border: 1px solid var(--gb-border, var(--border, #e4e4e7));
563
563
  border-radius: 12px;
564
- background: var(--gb-panel, var(--card));
564
+ background: var(--gb-panel, var(--card, #ffffff));
565
565
  }
566
566
  .gb-react-demo-editor-source {
567
567
  display: grid;
@@ -569,8 +569,8 @@
569
569
  min-height: 260px;
570
570
  }
571
571
  .gb-react-demo-files {
572
- border-right: 1px solid var(--gb-border, var(--border));
573
- background: var(--gb-muted, var(--muted));
572
+ border-right: 1px solid var(--gb-border, var(--border, #e4e4e7));
573
+ background: var(--gb-muted, var(--muted, #f4f4f5));
574
574
  }
575
575
  .gb-react-demo-files-header,
576
576
  .gb-react-demo-editor-toolbar {
@@ -579,19 +579,19 @@
579
579
  gap: 8px;
580
580
  min-height: 40px;
581
581
  padding: 8px 10px;
582
- border-bottom: 1px solid var(--gb-border, var(--border));
582
+ border-bottom: 1px solid var(--gb-border, var(--border, #e4e4e7));
583
583
  font-size: 12px;
584
584
  }
585
585
  .gb-react-demo-files-header svg {
586
586
  margin-left: auto;
587
- color: var(--gb-muted-foreground, var(--muted-foreground));
587
+ color: var(--gb-muted-foreground, var(--muted-foreground, #71717a));
588
588
  }
589
589
  .gb-react-demo-file {
590
590
  display: block;
591
591
  width: 100%;
592
592
  padding: 8px 10px;
593
593
  overflow: hidden;
594
- color: var(--gb-muted-foreground, var(--muted-foreground));
594
+ color: var(--gb-muted-foreground, var(--muted-foreground, #71717a));
595
595
  font-family: ui-monospace, Menlo, monospace;
596
596
  font-size: 11px;
597
597
  text-align: left;
@@ -599,8 +599,8 @@
599
599
  white-space: nowrap;
600
600
  }
601
601
  .gb-react-demo-file-active {
602
- color: var(--gb-panel-foreground, var(--foreground));
603
- background: var(--gb-panel, var(--card));
602
+ color: var(--gb-panel-foreground, var(--foreground, #18181b));
603
+ background: var(--gb-panel, var(--card, #ffffff));
604
604
  }
605
605
  .gb-react-demo-editor-pane {
606
606
  display: flex;
@@ -609,7 +609,7 @@
609
609
  }
610
610
  .gb-react-demo-editor-toolbar code {
611
611
  overflow: hidden;
612
- color: var(--gb-muted-foreground, var(--muted-foreground));
612
+ color: var(--gb-muted-foreground, var(--muted-foreground, #71717a));
613
613
  text-overflow: ellipsis;
614
614
  white-space: nowrap;
615
615
  }
@@ -618,10 +618,10 @@
618
618
  align-items: center;
619
619
  gap: 5px;
620
620
  margin-left: auto;
621
- border: 1px solid var(--gb-border, var(--border));
621
+ border: 1px solid var(--gb-border, var(--border, #e4e4e7));
622
622
  border-radius: 6px;
623
623
  padding: 4px 8px;
624
- color: var(--gb-panel-foreground, var(--foreground));
624
+ color: var(--gb-panel-foreground, var(--foreground, #18181b));
625
625
  font-size: 11px;
626
626
  }
627
627
  .gb-react-demo-preview-button:disabled { opacity: 0.5; }
@@ -633,15 +633,15 @@
633
633
  border: 0;
634
634
  padding: 14px;
635
635
  outline: none;
636
- color: var(--gb-panel-foreground, var(--foreground));
637
- background: var(--gb-panel, var(--card));
636
+ color: var(--gb-panel-foreground, var(--foreground, #18181b));
637
+ background: var(--gb-panel, var(--card, #ffffff));
638
638
  font-family: ui-monospace, Menlo, monospace;
639
639
  font-size: 12px;
640
640
  line-height: 1.6;
641
641
  }
642
642
  .gb-react-demo-editor-empty {
643
643
  padding: 18px;
644
- color: var(--gb-muted-foreground, var(--muted-foreground));
644
+ color: var(--gb-muted-foreground, var(--muted-foreground, #71717a));
645
645
  font-size: 12px;
646
646
  text-align: center;
647
647
  }
@@ -651,7 +651,7 @@
651
651
  display: flex;
652
652
  overflow-x: auto;
653
653
  border-right: 0;
654
- border-bottom: 1px solid var(--gb-border, var(--border));
654
+ border-bottom: 1px solid var(--gb-border, var(--border, #e4e4e7));
655
655
  }
656
656
  .gb-react-demo-files-header { flex: 0 0 auto; border-bottom: 0; }
657
657
  .gb-react-demo-file { width: auto; flex: 0 0 auto; }