@w100n/documents 0.14.0 → 0.15.1

package/dist/index.css

@@ -4389,6 +4389,165 @@ svg.w100n-pdf-marks {
   font: inherit;
   box-shadow: 0 0 0 3px var(--docs-active);
 }
+.w100n-docs-tabs {
+  min-width: 0;
+  overflow: hidden;
+}
+.w100n-docs-tabs button {
+  min-width: 0;
+}
+.w100n-docs-tabs button span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.w100n-docs-prose {
+  counter-reset: w100n-fn;
+}
+.w100n-fn {
+  counter-increment: w100n-fn;
+  padding: 0 1px;
+  color: #6d28d9;
+  font-weight: 600;
+  cursor: pointer;
+}
+.w100n-fn::after {
+  content: counter(w100n-fn);
+}
+.w100n-fn.ProseMirror-selectednode,
+.w100n-math.ProseMirror-selectednode {
+  outline: 2px solid #8b5cf6;
+  outline-offset: 1px;
+  border-radius: 3px;
+}
+.w100n-math {
+  padding: 0 2px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.w100n-math:hover {
+  background: #ede9fe;
+}
+.w100n-math math {
+  font-size: 1.05em;
+}
+.w100n-text-footnotes {
+  position: absolute;
+  left: var(--ml);
+  right: var(--mr);
+  bottom: calc(var(--mt) + 24px + var(--mb));
+  padding-top: 6px;
+  color: #334155;
+  font-size: 10.5px;
+  line-height: 15px;
+}
+.w100n-text-footnotes::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 33%;
+  border-top: 1px solid #94a3b8;
+}
+.w100n-text-footnotes p {
+  margin: 0;
+}
+.w100n-text-footnotes sup {
+  margin-right: 2px;
+  color: #6d28d9;
+  font-weight: 600;
+}
+.w100n-text-gap.is-end .w100n-text-footnotes {
+  bottom: 0;
+}
+.w100n-docs .w100n-insert {
+  width: min(500px, 100%);
+  gap: 12px;
+}
+.w100n-insert-grid {
+  display: grid;
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+  gap: 4px;
+}
+.w100n-docs .w100n-insert-grid button,
+.w100n-docs .w100n-insert-tools button {
+  height: 34px;
+  border: 1px solid var(--docs-border);
+  border-radius: 8px;
+  background: var(--docs-soft);
+  color: var(--docs-text);
+  font-size: 15px;
+}
+.w100n-docs .w100n-insert-tools button {
+  min-width: 38px;
+  padding: 0 8px;
+  font-size: 13px;
+}
+.w100n-docs .w100n-insert-grid button:hover,
+.w100n-docs .w100n-insert-tools button:hover {
+  border-color: var(--docs-accent);
+  background: var(--docs-active);
+}
+.w100n-insert-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.w100n-docs .w100n-insert-latex {
+  height: 44px;
+  padding: 0 12px;
+  border: 1px solid var(--docs-border);
+  border-radius: 10px;
+  outline: none;
+  background: var(--docs-bg);
+  color: var(--docs-text);
+  font:
+    14px ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    monospace;
+}
+.w100n-docs .w100n-insert-latex:focus,
+.w100n-docs .w100n-insert-note:focus {
+  border-color: var(--docs-accent);
+  box-shadow: 0 0 0 3px var(--docs-active);
+}
+.w100n-insert-preview {
+  display: grid;
+  place-items: center;
+  min-height: 56px;
+  padding: 8px;
+  border-radius: 10px;
+  background: #fff;
+  color: #0f172a;
+  font-size: 20px;
+}
+.w100n-docs .w100n-insert-note {
+  min-height: 96px;
+  padding: 10px 12px;
+  border: 1px solid var(--docs-border);
+  border-radius: 10px;
+  outline: none;
+  resize: vertical;
+  background: var(--docs-bg);
+  color: var(--docs-text);
+  font: inherit;
+}
+.w100n-new-tile[data-tone=pink] {
+  background:
+    linear-gradient(
+      145deg,
+      #ec4899,
+      #be185d);
+}
+.w100n-new-tile[data-tone=violet] {
+  background:
+    linear-gradient(
+      145deg,
+      #8b5cf6,
+      #6d28d9);
+}
 
 /* src/sheets/sheets.css */
 @font-face {