@w100n/documents 0.16.3 → 0.17.0

package/dist/index.css

@@ -4819,6 +4819,330 @@ svg.w100n-pdf-marks {
   padding: 0 6px;
   font-size: 12.5px;
 }
+.w100n-preview {
+  --docs-thumb: #f1f5f9;
+  --docs-border: transparent;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.w100n-preview .w100n-docs-thumb {
+  height: 100%;
+  aspect-ratio: auto;
+}
+.w100n-text[data-kind=markdown] .w100n-docs-page {
+  width: min(760px, 100%);
+  padding: 40px 40px 160px;
+  border-radius: 0;
+  background: transparent;
+  color: var(--docs-text);
+  color-scheme: normal;
+  box-shadow: none;
+}
+.w100n-text[data-kind=markdown] .w100n-text-body,
+.w100n-text[data-kind=markdown] .w100n-docs-prose :is(h1, h2, h3, h4, h5, h6) {
+  color: var(--docs-text);
+}
+.w100n-text[data-kind=markdown] .w100n-docs-prose blockquote {
+  border-left-color: var(--docs-line2);
+  color: var(--docs-muted);
+}
+.w100n-text[data-kind=markdown] .w100n-docs-prose hr {
+  border-top-color: var(--docs-border);
+}
+.w100n-text[data-kind=markdown] .w100n-docs-prose :is(pre, code),
+.w100n-text[data-kind=markdown] .w100n-text-body th {
+  background: var(--docs-soft);
+}
+.w100n-text[data-kind=markdown] .w100n-docs-prose :is(th, td) {
+  border-color: var(--docs-line2);
+}
+.w100n-text[data-kind=markdown] .w100n-docs-prose a {
+  color: var(--docs-accent);
+}
+.w100n-text[data-kind=markdown] .w100n-text-body ul[data-type=taskList] > li[data-checked=true] > div {
+  color: var(--docs-muted);
+}
+.w100n-text[data-kind=markdown] :is(.w100n-text-island, .w100n-text-corner[data-side=left]) {
+  display: none;
+}
+.w100n-wiki {
+  color: var(--docs-accent, #7c3aed);
+  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
+  text-underline-offset: 3px;
+  cursor: pointer;
+}
+.w100n-wiki.is-missing {
+  color: var(--docs-muted, #64748b);
+  text-decoration-style: dashed;
+}
+.w100n-syntax {
+  color: var(--docs-dim, #94a3b8);
+  font-weight: 400;
+  font-style: normal;
+  text-decoration: none;
+  user-select: none;
+  pointer-events: none;
+}
+.w100n-text-pop.w100n-wiki-ask {
+  position: fixed;
+  z-index: 60;
+  width: 320px;
+}
+.w100n-docs .w100n-wiki-ask button svg {
+  visibility: visible;
+  color: var(--docs-muted);
+}
+.w100n-wiki-ask button b {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
+}
+.w100n-wiki-ask button small {
+  color: var(--docs-dim);
+  font-size: 11.5px;
+}
+.w100n-wiki-ask button[aria-selected=true] {
+  background: var(--docs-active);
+}
+.w100n-wiki-ask > .w100n-text-hint {
+  padding: 6px 10px 2px;
+  border-top: 1px solid var(--docs-border);
+  margin-top: 4px;
+}
+.w100n-docs-search kbd {
+  margin-left: auto;
+  padding: 0 5px;
+  border: 1px solid var(--docs-border);
+  border-radius: 5px;
+  color: var(--docs-dim);
+  font: 600 10.5px ui-monospace, monospace;
+}
+.w100n-docs-shape {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 3px;
+  padding: 3px;
+  border: 1px solid var(--docs-border);
+  border-radius: 10px;
+  background: var(--docs-bg);
+}
+.w100n-docs .w100n-docs-shape button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  height: 28px;
+  border-radius: 7px;
+  color: var(--docs-muted);
+  font-size: 12px;
+  font-weight: 600;
+}
+.w100n-docs .w100n-docs-shape button[aria-checked=true] {
+  background: var(--docs-active);
+  color: var(--docs-text);
+}
+.w100n-docs-shape svg {
+  width: 14px;
+  height: 14px;
+}
+.w100n-tree {
+  display: grid;
+  gap: 1px;
+  padding: 2px 0 12px;
+}
+.w100n-docs .w100n-tree-row {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  height: 30px;
+  padding-right: 8px;
+  border-radius: 7px;
+  color: var(--docs-muted);
+  font-size: 13px;
+  text-align: left;
+  white-space: nowrap;
+}
+.w100n-docs .w100n-tree-row:hover {
+  background: var(--docs-hover);
+  color: var(--docs-text);
+}
+.w100n-docs .w100n-tree-row[aria-current=true] {
+  background: var(--docs-active);
+  color: var(--docs-text);
+  font-weight: 600;
+}
+.w100n-tree-row > svg {
+  width: 15px;
+  height: 15px;
+  flex: none;
+}
+.w100n-tree-row > .w100n-tree-fold {
+  width: 13px;
+  height: 13px;
+  margin-left: -18px;
+  margin-right: 2px;
+  color: var(--docs-dim);
+}
+.w100n-tree-row > svg.lucide-folder {
+  color: #f59e0b;
+}
+.w100n-tree-row > span {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.w100n-tree-row > small {
+  color: var(--docs-dim);
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+}
+.w100n-tree-row > .w100n-tree-kind {
+  font-size: 9.5px;
+  font-weight: 700;
+  letter-spacing: .03em;
+}
+.w100n-jump-back {
+  position: fixed;
+  inset: 0;
+  z-index: 70;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding-top: 12vh;
+  background: rgb(5 6 12 / 55%);
+}
+.w100n-jump {
+  width: min(600px, 92vw);
+  border: 1px solid var(--docs-border);
+  border-radius: 14px;
+  background: var(--docs-card);
+  color: var(--docs-text);
+  box-shadow: 0 30px 80px rgb(0 0 0 / 45%);
+  overflow: hidden;
+}
+.w100n-jump-field {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--docs-border);
+}
+.w100n-jump-field svg {
+  width: 17px;
+  height: 17px;
+  color: var(--docs-muted);
+}
+.w100n-jump-field input {
+  flex: 1;
+  border: 0;
+  outline: none;
+  background: none;
+  color: var(--docs-text);
+  font: inherit;
+  font-size: 16px;
+}
+.w100n-jump-list {
+  display: grid;
+  gap: 1px;
+  max-height: 380px;
+  overflow-y: auto;
+  padding: 6px;
+}
+.w100n-docs .w100n-jump-list button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 11px;
+  border-radius: 9px;
+  color: var(--docs-text);
+  font-size: 14px;
+  text-align: left;
+}
+.w100n-docs .w100n-jump-list button[aria-selected=true] {
+  background: var(--docs-active);
+}
+.w100n-jump-list button svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+  color: var(--docs-muted);
+}
+.w100n-jump-list button span {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.w100n-jump-list button small {
+  color: var(--docs-dim);
+  font-size: 12px;
+}
+.w100n-jump-list kbd {
+  padding: 1px 6px;
+  border: 1px solid var(--docs-border);
+  border-radius: 5px;
+  color: var(--docs-dim);
+  font: 600 11px ui-monospace, monospace;
+}
+.w100n-jump mark,
+.w100n-links mark {
+  background: none;
+  color: var(--docs-accent);
+  font-weight: 700;
+}
+.w100n-jump-keys {
+  margin: 0;
+  padding: 9px 16px;
+  border-top: 1px solid var(--docs-border);
+  color: var(--docs-dim);
+  font-size: 11.5px;
+}
+.w100n-links {
+  display: grid;
+  gap: 8px;
+}
+.w100n-docs .w100n-links-card {
+  display: grid;
+  gap: 4px;
+  padding: 10px 11px;
+  border: 1px solid var(--docs-border);
+  border-radius: 10px;
+  background: var(--docs-bg);
+  text-align: left;
+}
+.w100n-docs .w100n-links-card:hover {
+  border-color: var(--docs-line2);
+}
+.w100n-links-card b {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--docs-text);
+  font-size: 13px;
+}
+.w100n-links-card b svg {
+  width: 14px;
+  height: 14px;
+  color: var(--docs-muted);
+}
+.w100n-links-card small {
+  color: var(--docs-muted);
+  font-size: 12.5px;
+  line-height: 1.5;
+}
+.w100n-links-card .w100n-links-folder {
+  color: var(--docs-dim);
+  font-size: 11.5px;
+}
 
 /* src/sheets/sheets.css */
 @font-face {