@w100n/documents 0.12.0 → 0.13.0

package/dist/index.css

@@ -35,7 +35,6 @@
   border: 1px solid var(--docs-border);
   border-radius: 13px;
   background: var(--docs-side);
-  scrollbar-width: thin;
 }
 .w100n-slides-rail ol {
   display: grid;
@@ -924,7 +923,6 @@
   align-content: start;
   gap: 10px;
   padding: 10px 12px 16px;
-  scrollbar-width: thin;
 }
 .w100n-docs-folder {
   display: grid;
@@ -1649,7 +1647,6 @@
   border: 1px solid var(--docs-border);
   border-radius: 13px;
   background: var(--docs-side);
-  scrollbar-width: thin;
 }
 .w100n-docs .w100n-pdf-thumb {
   display: grid;
@@ -3545,6 +3542,137 @@ svg.w100n-pdf-marks {
     padding-right: 8px;
   }
 }
+.w100n-docs .w100n-new {
+  width: min(720px, 100%);
+  gap: 14px;
+}
+.w100n-new-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.w100n-new-tile {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 10px;
+  color: #fff;
+  background:
+    linear-gradient(
+      145deg,
+      #8b5cf6,
+      #6d28d9);
+}
+.w100n-docs .w100n-new-tile svg {
+  width: 16px;
+  height: 16px;
+}
+.w100n-new-kinds {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+.w100n-docs .w100n-new-kinds button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid var(--docs-border);
+  border-radius: 12px;
+  background: var(--docs-bg);
+  text-align: left;
+}
+.w100n-docs .w100n-new-kinds button[aria-checked=true] {
+  border-color: var(--docs-accent);
+  background: var(--docs-active);
+}
+.w100n-new-kinds b {
+  display: block;
+  font-size: 12.5px;
+}
+.w100n-new-kinds small {
+  color: var(--docs-dim);
+  font-size: 11px;
+}
+.w100n-new-templates {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 10px;
+}
+.w100n-docs .w100n-new-templates button {
+  display: grid;
+  gap: 6px;
+  font-size: 12px;
+  text-align: left;
+  color: var(--docs-text);
+}
+.w100n-new-sheet {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  height: 104px;
+  padding: 10px 9px;
+  overflow: hidden;
+  border: 1px solid var(--docs-border);
+  border-radius: 8px;
+  background: #fff;
+}
+.w100n-new-sheet[data-blank=true] {
+  display: grid;
+  place-items: center;
+  color: #94a3b8;
+}
+.w100n-new-sheet i {
+  display: block;
+  height: 4px;
+  border-radius: 2px;
+  background: #e2e8f0;
+}
+.w100n-new-sheet i[data-head] {
+  width: 60%;
+  height: 7px;
+  background: #94a3b8;
+}
+.w100n-new-sheet i[data-accent] {
+  width: 40%;
+  margin-top: 4px;
+  background: #c4b5fd;
+}
+.w100n-new-templates button[aria-checked=true] .w100n-new-sheet {
+  outline: 2px solid var(--docs-accent);
+  outline-offset: 2px;
+}
+.w100n-new-fields {
+  display: grid;
+  grid-template-columns: 1.3fr 1fr;
+  gap: 12px;
+}
+.w100n-new-fields label,
+.w100n-new-fields > div {
+  display: grid;
+  gap: 6px;
+}
+.w100n-new-fields .w100n-docs-caption {
+  padding: 0;
+  font-size: 12px;
+  color: var(--docs-muted);
+  font-weight: 550;
+}
+.w100n-docs .w100n-new-place {
+  color: var(--docs-muted);
+}
+@container (max-width: 640px) {
+  .w100n-new-kinds {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .w100n-new-templates {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .w100n-new-fields {
+    grid-template-columns: 1fr;
+  }
+}
 
 /* src/sheets/sheets.css */
 @font-face {