@w100n/documents 0.19.0 → 0.20.0

package/dist/index.css

@@ -684,6 +684,9 @@
 .w100n-docs-panel {
   width: 272px;
 }
+.w100n-docs-panel[data-wide=true] {
+  width: 420px;
+}
 .w100n-docs-head {
   display: grid;
   gap: 10px;
@@ -819,6 +822,51 @@
   width: 12px;
   height: 12px;
 }
+.w100n-docs-hosttabs {
+  display: flex;
+  gap: 6px;
+  margin-top: 8px;
+}
+.w100n-docs-hosttabs button {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 0;
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid var(--docs-border);
+  border-radius: 10px;
+  color: var(--docs-muted);
+  font-size: 12.5px;
+  font-weight: 600;
+}
+.w100n-docs-hosttabs button:hover {
+  color: var(--docs-text);
+}
+.w100n-docs-hosttabs button[aria-selected=true] {
+  border-color: transparent;
+  background:
+    linear-gradient(
+      135deg,
+      #8b5cf6,
+      #6d28d9);
+  color: #fff;
+}
+.w100n-docs-hosttabs svg {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+.w100n-docs-hosttabs span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.w100n-docs-hosttabs button[aria-selected=true] .w100n-docs-count {
+  background: #ffffff33;
+}
 .w100n-docs-count {
   color: var(--docs-dim);
   font-size: 11px;
@@ -1233,6 +1281,20 @@
   width: 13px;
   height: 13px;
 }
+.w100n-docs-count {
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background:
+    linear-gradient(
+      135deg,
+      #8b5cf6,
+      #6d28d9);
+  color: #fff;
+  font-size: 10px;
+  line-height: 16px;
+}
 .w100n-docs-tabs button:hover {
   color: var(--docs-text);
 }
@@ -2921,6 +2983,24 @@ svg.w100n-pdf-marks {
   height: 100%;
   object-fit: cover;
 }
+.w100n-sheet-where {
+  max-width: 220px;
+  height: 26px;
+  margin-right: 6px;
+  padding: 0 9px;
+  overflow: hidden;
+  border-radius: 8px;
+  background:
+    linear-gradient(
+      145deg,
+      var(--face),
+      color-mix(in srgb, var(--face), #000 28%));
+  color: #fff;
+  font-size: 11.5px;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .w100n-text-live {
   display: inline-flex;
   align-items: center;
@@ -3075,6 +3155,9 @@ svg.w100n-pdf-marks {
   .w100n-docs-panel {
     width: 240px;
   }
+  .w100n-docs-panel[data-wide=true] {
+    width: 360px;
+  }
   .w100n-docs-list {
     width: 272px;
   }
@@ -3097,6 +3180,9 @@ svg.w100n-pdf-marks {
   .w100n-docs-panel {
     right: 10px;
   }
+  .w100n-docs-panel[data-wide=true] {
+    width: min(420px, calc(100% - 20px));
+  }
   .w100n-docs-page {
     padding: 32px 24px;
   }
@@ -3167,6 +3253,9 @@ svg.w100n-pdf-marks {
   .w100n-docs-panel {
     right: 8px;
   }
+  .w100n-docs-panel[data-wide=true] {
+    width: calc(100% - 16px);
+  }
   .w100n-text-end .w100n-docs-action {
     margin-left: 2px;
     padding: 0 10px;
@@ -4961,6 +5050,7 @@ svg.w100n-pdf-marks {
 }
 .w100n-tree {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: 1px;
   padding: 2px 0 12px;
 }
@@ -5254,18 +5344,6 @@ svg.w100n-pdf-marks {
   background: color-mix(in srgb, var(--docs-accent) 22%, transparent);
   color: inherit;
 }
-.w100n-docs-peek {
-  position: fixed;
-  z-index: 45;
-  width: 280px;
-  padding: 10px;
-  border: 1px solid var(--docs-border);
-  border-radius: 12px;
-  background: var(--docs-card);
-  color: var(--docs-text);
-  box-shadow: 0 18px 50px rgb(0 0 0 / 30%);
-  pointer-events: none;
-}
 @media (max-width: 640px) {
   .w100n-docs .w100n-docs-menu.w100n-docs-context {
     left: 0 !important;
@@ -5292,6 +5370,63 @@ svg.w100n-pdf-marks {
   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 {
@@ -5612,4 +5747,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 */