@w100n/documents 0.18.1 → 0.19.1

package/dist/index.css

@@ -5169,6 +5169,174 @@ 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;
+}
+@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;
+}
+.w100n-swatches {
+  display: grid;
+  grid-template-columns: repeat(10, 22px);
+  gap: 5px;
+}
+.w100n-docs .w100n-swatches .w100n-swatches-none {
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  width: auto;
+  height: 28px;
+  white-space: nowrap;
+  padding: 0 8px;
+  border-radius: 8px;
+  color: var(--docs-muted);
+  font-size: 12px;
+  font-weight: 600;
+  text-align: left;
+}
+.w100n-docs .w100n-swatches .w100n-swatches-none:hover {
+  background: var(--docs-hover);
+}
+.w100n-docs .w100n-swatches .w100n-swatches-none[aria-pressed=true] {
+  background: var(--docs-active);
+  color: var(--docs-text);
+}
+.w100n-swatches-gap {
+  grid-column: 6 / -1;
+}
+.w100n-docs .w100n-swatches .w100n-swatch {
+  display: grid;
+  place-items: center;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border-radius: 50%;
+  color: #fff;
+  box-shadow: inset 0 0 0 1px rgb(128 128 128 / 45%);
+  transition: transform .1s;
+}
+.w100n-docs .w100n-swatches .w100n-swatch:hover {
+  transform: scale(1.12);
+}
+.w100n-docs .w100n-swatches .w100n-swatch[data-light] {
+  color: #0f172a;
+}
+.w100n-docs .w100n-swatches .w100n-swatch[aria-pressed=true] {
+  box-shadow:
+    inset 0 0 0 1px rgb(128 128 128 / 45%),
+    0 0 0 2px var(--docs-card),
+    0 0 0 4px var(--docs-accent);
+}
+.w100n-docs .w100n-swatches .w100n-swatch svg {
+  width: 13px;
+  height: 13px;
+  stroke-width: 3;
+}
 
 /* src/sheets/sheets.css */
 @font-face {
@@ -5489,4 +5657,25 @@ svg.w100n-pdf-marks {
     display: none;
   }
 }
+.w100n-sheet-size {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.w100n-docs .w100n-sheet-size input {
+  width: 38px;
+  height: 28px;
+  border: 1px solid var(--docs-border);
+  border-radius: 7px;
+  background: var(--docs-bg);
+  color: var(--docs-text);
+  font: inherit;
+  font-size: 12.5px;
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+  outline: none;
+}
+.w100n-docs .w100n-sheet-size input:focus {
+  border-color: var(--docs-accent);
+}
 /*# sourceMappingURL=index.css.map */