docblocks-react-ui 0.3.0 → 0.4.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/styles.css CHANGED
@@ -294,6 +294,12 @@
294
294
  .top-3 {
295
295
  top: calc(var(--spacing) * 3);
296
296
  }
297
+ .top-4 {
298
+ top: calc(var(--spacing) * 4);
299
+ }
300
+ .top-8 {
301
+ top: calc(var(--spacing) * 8);
302
+ }
297
303
  .top-\[calc\(\(var\(--docblocks-line-box-height\)-var\(--docblocks-checkbox-size\)\)\/2\)\] {
298
304
  top: calc((var(--docblocks-line-box-height) - var(--docblocks-checkbox-size)) / 2);
299
305
  }
@@ -324,6 +330,9 @@
324
330
  .right-3 {
325
331
  right: calc(var(--spacing) * 3);
326
332
  }
333
+ .right-4 {
334
+ right: calc(var(--spacing) * 4);
335
+ }
327
336
  .bottom-0 {
328
337
  bottom: 0px;
329
338
  }
@@ -450,6 +459,9 @@
450
459
  .mr-auto {
451
460
  margin-right: auto;
452
461
  }
462
+ .mb-0\.5 {
463
+ margin-bottom: calc(var(--spacing) * 0.5);
464
+ }
453
465
  .mb-1 {
454
466
  margin-bottom: var(--spacing);
455
467
  }
@@ -459,6 +471,9 @@
459
471
  .ml-0\.5 {
460
472
  margin-left: calc(var(--spacing) * 0.5);
461
473
  }
474
+ .ml-1 {
475
+ margin-left: var(--spacing);
476
+ }
462
477
  .ml-auto {
463
478
  margin-left: auto;
464
479
  }
@@ -597,6 +612,12 @@
597
612
  .h-0 {
598
613
  height: 0px;
599
614
  }
615
+ .h-0\.5 {
616
+ height: calc(var(--spacing) * 0.5);
617
+ }
618
+ .h-2 {
619
+ height: calc(var(--spacing) * 2);
620
+ }
600
621
  .h-4 {
601
622
  height: calc(var(--spacing) * 4);
602
623
  }
@@ -627,6 +648,9 @@
627
648
  .h-\[calc\(100\%-1px\)\] {
628
649
  height: calc(100% - 1px);
629
650
  }
651
+ .h-\[calc\(100vh-6rem\)\] {
652
+ height: calc(100vh - 6rem);
653
+ }
630
654
  .h-auto {
631
655
  height: auto;
632
656
  }
@@ -657,6 +681,9 @@
657
681
  .max-h-80 {
658
682
  max-height: calc(var(--spacing) * 80);
659
683
  }
684
+ .max-h-full {
685
+ max-height: 100%;
686
+ }
660
687
  .min-h-0 {
661
688
  min-height: 0px;
662
689
  }
@@ -729,6 +756,9 @@
729
756
  .w-\[90\%\] {
730
757
  width: 90%;
731
758
  }
759
+ .w-\[calc\(100vw-4rem\)\] {
760
+ width: calc(100vw - 4rem);
761
+ }
732
762
  .w-auto {
733
763
  width: auto;
734
764
  }
@@ -873,6 +903,9 @@
873
903
  .cursor-pointer {
874
904
  cursor: pointer;
875
905
  }
906
+ .cursor-row-resize {
907
+ cursor: row-resize;
908
+ }
876
909
  .cursor-text {
877
910
  cursor: text;
878
911
  }
@@ -945,6 +978,9 @@
945
978
  .items-center {
946
979
  align-items: center;
947
980
  }
981
+ .items-end {
982
+ align-items: flex-end;
983
+ }
948
984
  .items-start {
949
985
  align-items: flex-start;
950
986
  }
@@ -1037,6 +1073,9 @@
1037
1073
  .rounded-\(--docblocks-radius\) {
1038
1074
  border-radius: var(--docblocks-radius);
1039
1075
  }
1076
+ .rounded-\(--radius\) {
1077
+ border-radius: var(--radius);
1078
+ }
1040
1079
  .rounded-\[2px\] {
1041
1080
  border-radius: 2px;
1042
1081
  }
@@ -1196,6 +1235,9 @@
1196
1235
  .bg-\(--docblocks-code-background\) {
1197
1236
  background-color: var(--docblocks-code-background);
1198
1237
  }
1238
+ .bg-\(--docblocks-divider-border-color\) {
1239
+ background-color: var(--docblocks-divider-border-color);
1240
+ }
1199
1241
  .bg-\(--docblocks-editor-background\) {
1200
1242
  background-color: var(--docblocks-editor-background);
1201
1243
  }
@@ -1328,6 +1370,9 @@
1328
1370
  .p-1 {
1329
1371
  padding: var(--spacing);
1330
1372
  }
1373
+ .p-1\.5 {
1374
+ padding: calc(var(--spacing) * 1.5);
1375
+ }
1331
1376
  .p-2 {
1332
1377
  padding: calc(var(--spacing) * 2);
1333
1378
  }
@@ -1581,6 +1626,9 @@
1581
1626
  .text-\(--docblocks-text-color\) {
1582
1627
  color: var(--docblocks-text-color);
1583
1628
  }
1629
+ .text-\(--foreground\) {
1630
+ color: var(--foreground);
1631
+ }
1584
1632
  .text-\(--muted-foreground\) {
1585
1633
  color: var(--muted-foreground);
1586
1634
  }
@@ -2085,6 +2133,9 @@
2085
2133
  }
2086
2134
  }
2087
2135
  @media (hover: hover) {
2136
+ .hover\:bg-\(--accent\):hover {
2137
+ background-color: var(--accent);
2138
+ }
2088
2139
  .hover\:bg-\(--docblocks-page-card-background\):hover {
2089
2140
  background-color: var(--docblocks-page-card-background);
2090
2141
  }
@@ -2121,6 +2172,9 @@
2121
2172
  .hover\:bg-transparent:hover {
2122
2173
  background-color: transparent;
2123
2174
  }
2175
+ .hover\:text-\(--accent-foreground\):hover {
2176
+ color: var(--accent-foreground);
2177
+ }
2124
2178
  .hover\:text-\(--docblocks-text-color\):hover {
2125
2179
  color: var(--docblocks-text-color);
2126
2180
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "docblocks-react-ui",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -34,7 +34,7 @@
34
34
  "access": "public"
35
35
  },
36
36
  "peerDependencies": {
37
- "docblocks-core": "^0.1.3",
37
+ "docblocks-core": "^0.2.0",
38
38
  "framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
39
39
  "mermaid": "^12.0.0",
40
40
  "pdfjs-dist": "^6.0.0",