@w100n/documents 0.15.1 → 0.16.1

package/dist/index.css

@@ -4548,6 +4548,193 @@ svg.w100n-pdf-marks {
       #8b5cf6,
       #6d28d9);
 }
+.w100n-docs-head,
+.w100n-docs-tabs,
+.w100n-docs-outline,
+.w100n-docs-cards,
+.w100n-docs-menu {
+  user-select: none;
+  -webkit-user-select: none;
+}
+.w100n-compare {
+  margin: 0 auto;
+  font-size: 15px;
+  line-height: 1.7;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+.w100n-compare p {
+  margin: 0 0 12px;
+  padding: 2px 10px;
+  border-left: 3px solid transparent;
+  border-radius: 4px;
+}
+.w100n-compare p[data-op="="] {
+  color: #6b7280;
+}
+.w100n-compare p[data-op="+"] {
+  border-color: #10b981;
+  background: #ecfdf5;
+}
+.w100n-compare p[data-op="-"] {
+  border-color: #f43f5e;
+  background: #fff1f2;
+}
+.w100n-compare p[data-op="~"] {
+  border-color: #3b82f6;
+  background: #eff6ff;
+}
+.w100n-compare ins {
+  background: #bbf7d0;
+  color: #065f46;
+  text-decoration: none;
+  border-radius: 3px;
+}
+.w100n-compare del {
+  background: #fecdd3;
+  color: #9f1239;
+  border-radius: 3px;
+}
+.w100n-compare .w100n-compare-sum {
+  margin-bottom: 24px;
+  padding: 0;
+  border: 0;
+  color: #374151;
+  font-weight: 600;
+  white-space: normal;
+}
+.w100n-text-endnotes {
+  margin-top: 32px;
+  padding-top: 8px;
+  border-top: 1px solid #cbd5e1;
+  color: #334155;
+  font-size: 13px;
+  line-height: 1.6;
+  user-select: none;
+}
+.w100n-text-endnotes p {
+  margin: 0 0 4px;
+}
+.w100n-text-endnotes sup {
+  margin-right: 4px;
+  color: #6d28d9;
+  font-weight: 600;
+}
+.w100n-text-pop.w100n-text-context {
+  position: fixed;
+  z-index: 40;
+  bottom: auto;
+  right: auto;
+  max-height: none;
+}
+.w100n-text-context .w100n-text-hint {
+  display: block;
+  padding: 6px 10px 2px;
+  border-top: 1px solid var(--docs-border);
+  margin-top: 4px;
+  color: var(--docs-dim);
+  font-size: 11.5px;
+}
+.w100n-text-sheet.is-flow {
+  width: 100%;
+  min-height: 0;
+  padding: 20px 18px 40px;
+  border-radius: 6px;
+}
+.w100n-text-sheet.is-flow img {
+  max-width: 100%;
+  height: auto;
+}
+.w100n-text-sheet:not(.is-flow) .w100n-text-endnotes {
+  display: none;
+}
+.w100n-docs .w100n-text-ribbon.w100n-text-island {
+  bottom: calc(14px + var(--kb, 0px));
+}
+@container (max-width: 560px) {
+  .w100n-text:has(> .w100n-text-top) {
+    display: grid;
+    grid-template: auto minmax(0, 1fr) / minmax(0, 1fr) auto;
+    column-gap: 6px;
+  }
+  .w100n-text > .w100n-text-scroll {
+    grid-area: 2 / 1 / 3 / -1;
+  }
+  .w100n-docs .w100n-text > .w100n-text-ribbon.w100n-text-corner[data-side=right] {
+    position: static;
+    grid-area: 1 / 2;
+    align-self: stretch;
+    padding: 2px;
+  }
+  .w100n-text-top .w100n-text-menus {
+    overflow-x: auto;
+    scrollbar-width: none;
+  }
+  .w100n-docs .w100n-text-ribbon.w100n-text-island {
+    bottom: calc(8px + var(--kb, 0px));
+  }
+}
+@media (pointer: coarse) {
+  .w100n-docs .w100n-text-ribbon:is(.w100n-text-island, .w100n-text-corner) :is(.w100n-text-tools, .w100n-text-anchor) > button:not(.w100n-docs-action, .w100n-text-picker, .w100n-text-word) {
+    width: 42px;
+    height: 42px;
+  }
+  .w100n-docs .w100n-text-menu button {
+    min-height: 40px;
+  }
+}
+.w100n-docs .w100n-docs-card-text small.w100n-docs-hit {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  white-space: normal;
+  margin-top: 2px;
+  color: var(--docs-muted);
+  line-height: 1.35;
+}
+.w100n-docs-hit mark {
+  padding: 0 1px;
+  border-radius: 3px;
+  background: #fde68a;
+  color: #422006;
+}
+.w100n-text-mentions {
+  position: relative;
+  display: grid;
+}
+.w100n-text-mentions .w100n-text-people-list {
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  z-index: 12;
+  min-width: 0;
+}
+.w100n-docs .w100n-text-people-list button[aria-selected=true] {
+  background: var(--docs-hover);
+}
+.w100n-text-people-list .w100n-text-face {
+  width: 22px;
+  height: 22px;
+  font-size: 11px;
+}
+.w100n-text-given {
+  justify-self: start;
+  padding: 2px 8px;
+  border-radius: 6px;
+  background: var(--docs-hover);
+  color: var(--docs-muted);
+  font-size: 11.5px;
+  font-weight: 600;
+}
+.w100n-text-given[data-me=true] {
+  background:
+    linear-gradient(
+      135deg,
+      #8b5cf6,
+      #6d28d9);
+  color: #fff;
+}
 
 /* src/sheets/sheets.css */
 @font-face {