@w100n/documents 0.18.0 → 0.19.0

package/dist/index.css

@@ -1315,6 +1315,15 @@
 .w100n-docs a.w100n-docs-action {
   text-decoration: none;
 }
+.w100n-docs .w100n-docs-action.w100n-docs-square {
+  width: 32px;
+  padding: 0;
+  justify-content: center;
+}
+.w100n-docs .w100n-docs-square svg {
+  width: 15px;
+  height: 15px;
+}
 .w100n-docs.w100n-docs-overlay {
   position: fixed;
   inset: 0;
@@ -4760,8 +4769,8 @@ svg.w100n-pdf-marks {
   z-index: 40;
   right: auto;
   width: 280px;
-  max-height: none;
-  overflow: visible;
+  max-height: calc(100dvh - 16px);
+  overflow-y: auto;
 }
 .w100n-docs-context button {
   color: var(--docs-text);
@@ -5160,6 +5169,129 @@ svg.w100n-pdf-marks {
   color: var(--docs-dim);
   font-size: 11.5px;
 }
+.w100n-tree-row > svg[data-kind=markdown],
+.w100n-card-title svg[data-kind=markdown] {
+  color: #8b5cf6;
+}
+.w100n-tree-row > svg[data-kind=docx],
+.w100n-card-title svg[data-kind=docx] {
+  color: #3b82f6;
+}
+.w100n-tree-row > svg[data-kind=pdf],
+.w100n-card-title svg[data-kind=pdf] {
+  color: #f43f5e;
+}
+.w100n-tree-row > svg[data-kind=sheet],
+.w100n-card-title svg[data-kind=sheet] {
+  color: #10b981;
+}
+.w100n-tree-row > svg[data-kind=slides],
+.w100n-card-title svg[data-kind=slides] {
+  color: #f59e0b;
+}
+.w100n-docs[data-theme=dark] .w100n-tree-row > svg[data-kind=markdown],
+.w100n-docs[data-theme=dark] .w100n-card-title svg[data-kind=markdown] {
+  color: #a78bfa;
+}
+.w100n-docs[data-theme=dark] .w100n-tree-row > svg[data-kind=docx],
+.w100n-docs[data-theme=dark] .w100n-card-title svg[data-kind=docx] {
+  color: #60a5fa;
+}
+.w100n-docs[data-theme=dark] .w100n-tree-row > svg[data-kind=pdf],
+.w100n-docs[data-theme=dark] .w100n-card-title svg[data-kind=pdf] {
+  color: #fb7185;
+}
+.w100n-docs[data-theme=dark] .w100n-tree-row > svg[data-kind=sheet],
+.w100n-docs[data-theme=dark] .w100n-card-title svg[data-kind=sheet] {
+  color: #34d399;
+}
+.w100n-docs[data-theme=dark] .w100n-tree-row > svg[data-kind=slides],
+.w100n-docs[data-theme=dark] .w100n-card-title svg[data-kind=slides] {
+  color: #fbbf24;
+}
+.w100n-card {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+.w100n-card-thumb {
+  height: 140px;
+  margin-bottom: 4px;
+  overflow: hidden;
+  border: 1px solid var(--docs-border);
+  border-radius: 9px;
+  background: var(--docs-thumb);
+}
+.w100n-card-thumb .w100n-docs-thumb {
+  height: 100%;
+  aspect-ratio: auto;
+  border-bottom: 0;
+}
+.w100n-card-title {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+}
+.w100n-card-title svg {
+  width: 15px;
+  height: 15px;
+  flex: none;
+}
+.w100n-card-title b {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  font-weight: 650;
+}
+.w100n-card small {
+  color: var(--docs-dim);
+  font-size: 11.5px;
+}
+.w100n-card mark {
+  border-radius: 3px;
+  background: color-mix(in srgb, var(--docs-accent) 22%, transparent);
+  color: inherit;
+}
+.w100n-docs-peek {
+  position: fixed;
+  z-index: 45;
+  width: 280px;
+  padding: 10px;
+  border: 1px solid var(--docs-border);
+  border-radius: 12px;
+  background: var(--docs-card);
+  color: var(--docs-text);
+  box-shadow: 0 18px 50px rgb(0 0 0 / 30%);
+  pointer-events: none;
+}
+@media (max-width: 640px) {
+  .w100n-docs .w100n-docs-menu.w100n-docs-context {
+    left: 0 !important;
+    right: 0;
+    top: auto !important;
+    bottom: 0;
+    width: auto;
+    max-height: 80dvh;
+    border-radius: 16px 16px 0 0;
+  }
+}
+.w100n-tree-hit {
+  display: block;
+  padding: 0 8px 4px;
+  color: var(--docs-dim);
+  font-size: 11.5px;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.w100n-tree-hit mark {
+  border-radius: 3px;
+  background: color-mix(in srgb, var(--docs-accent) 22%, transparent);
+  color: inherit;
+}
 
 /* src/sheets/sheets.css */
 @font-face {