@a3s-lab/office 0.29.0 → 0.31.0

package/dist/styles.css

@@ -9718,7 +9718,7 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   display: grid;
 }
 
-.work-document-font-dialog-run-border {
+.work-document-font-dialog-run-border, .work-document-font-dialog-run-shading {
   border: 1px solid color-mix(in srgb, var(--a3s-line) 78%, transparent);
   background: var(--a3s-panel-soft);
   border-radius: 8px;
@@ -9731,7 +9731,11 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   display: grid;
 }
 
-.work-document-font-dialog-run-border > legend {
+.work-document-font-dialog-run-shading {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.work-document-font-dialog-run-border > legend, .work-document-font-dialog-run-shading > legend {
   color: var(--a3s-muted);
   padding: 0 4px;
   font-size: 11px;
@@ -9815,7 +9819,7 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .work-document-font-dialog-run-border {
+  .work-document-font-dialog-run-border, .work-document-font-dialog-run-shading {
     grid-template-columns: minmax(0, 1fr);
   }
 
@@ -9828,6 +9832,104 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   }
 }
 
+.work-document-proofing-dialog {
+  width: min(640px, 100%);
+}
+
+.work-document-proofing-dialog form {
+  gap: 16px;
+  display: grid;
+}
+
+.work-document-proofing-dialog fieldset {
+  border: 1px solid var(--a3s-line);
+  border-radius: 10px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+  margin: 0;
+  padding: 15px 16px 17px;
+  display: grid;
+}
+
+.work-document-proofing-dialog legend {
+  color: var(--a3s-ink);
+  padding: 0 5px;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.work-document-proofing-dialog-language {
+  align-content: start;
+  gap: 6px;
+  min-width: 0;
+  display: grid;
+}
+
+.work-document-proofing-dialog-language > label, .work-document-proofing-dialog-state-label {
+  color: var(--a3s-muted);
+  font-size: 11px;
+  font-weight: 650;
+}
+
+.work-document-proofing-dialog-language > div {
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 6px;
+  display: grid;
+}
+
+.work-document-proofing-dialog-language .work-office-text-field {
+  width: 100%;
+  min-width: 0;
+}
+
+.work-document-proofing-dialog-language .ds-button {
+  white-space: nowrap;
+  padding-inline: 9px;
+}
+
+.work-document-proofing-dialog-language > p, .work-document-proofing-dialog-state > p, .work-document-proofing-dialog-help, .work-document-proofing-dialog-error {
+  margin: 0;
+  font-size: 11px;
+  line-height: 1.5;
+}
+
+.work-document-proofing-dialog-language > p, .work-document-proofing-dialog-state > p, .work-document-proofing-dialog-help {
+  color: var(--a3s-muted);
+}
+
+.work-document-proofing-dialog-state {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel-soft);
+  border-radius: 10px;
+  grid-template-columns: minmax(110px, auto) minmax(220px, 1fr);
+  align-items: center;
+  gap: 8px 14px;
+  padding: 14px 16px;
+  display: grid;
+}
+
+.work-document-proofing-dialog-state > p {
+  grid-column: 1 / -1;
+}
+
+.work-document-proofing-dialog-state .work-office-select, .work-document-proofing-dialog-state button[role="combobox"] {
+  width: 100%;
+}
+
+.work-document-proofing-dialog-help code {
+  color: var(--a3s-ink);
+}
+
+.work-document-proofing-dialog-error {
+  color: var(--a3s-red);
+}
+
+@media (width <= 620px) {
+  .work-document-proofing-dialog fieldset, .work-document-proofing-dialog-state {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 [data-office-character-position-half-points] {
   vertical-align: var(--work-document-character-position);
 }
@@ -12453,6 +12555,496 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   padding: 0;
 }
 
+.work-document-table-of-contents {
+  box-sizing: border-box;
+  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, #8aa7d8);
+  background: color-mix(in srgb, var(--a3s-panel) 96%, #edf4ff);
+  width: 100%;
+  color: var(--a3s-ink);
+  cursor: default;
+  border-radius: 6px;
+  margin: 14px 0 20px;
+  padding: 14px 16px 16px;
+}
+
+.work-document-table-of-contents.ProseMirror-selectednode {
+  border-color: var(--a3s-blue);
+  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
+  outline-offset: 2px;
+}
+
+.work-document-table-of-contents-header {
+  border-bottom: 1px solid var(--a3s-line);
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 10px;
+  padding-bottom: 7px;
+  display: flex;
+}
+
+.work-document-table-of-contents-header strong {
+  font-family: var(--a3s-font-display, inherit);
+  letter-spacing: -.02em;
+  font-size: 18px;
+  font-weight: 680;
+}
+
+.work-document-table-of-contents-header span {
+  color: var(--a3s-muted);
+  font-variant-numeric: tabular-nums;
+  font-size: 9px;
+}
+
+.work-document-table-of-contents-list {
+  gap: 3px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+}
+
+.work-document-table-of-contents-list > li {
+  min-width: 0;
+  padding-left: calc((var(--work-toc-level, 1) - 1) * 16px);
+  align-items: baseline;
+  gap: 5px;
+  font-size: 11px;
+  line-height: 1.6;
+  display: flex;
+}
+
+.work-document-table-of-contents-list a, .work-document-table-of-contents-list li > span:first-child {
+  color: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-decoration: none;
+  overflow: hidden;
+}
+
+.work-document-table-of-contents-list a:hover {
+  color: var(--a3s-blue);
+  text-decoration: underline;
+}
+
+.work-document-table-of-contents-list i {
+  border-bottom: 1px dotted
+    color-mix(in srgb, var(--a3s-muted) 68%, transparent);
+  flex: 24px;
+  min-width: 12px;
+  transform: translateY(-2px);
+}
+
+.work-document-table-of-contents[data-toc-leader="dash"] .work-document-table-of-contents-list i {
+  border-bottom-style: dashed;
+}
+
+.work-document-table-of-contents[data-toc-leader="underline"] .work-document-table-of-contents-list i {
+  border-bottom-style: solid;
+}
+
+.work-document-table-of-contents[data-toc-leader="none"] .work-document-table-of-contents-list i, .work-document-table-of-contents[data-toc-right-align-page-numbers="false"] .work-document-table-of-contents-list i {
+  border: 0;
+  flex: 0 0 5px;
+  min-width: 5px;
+}
+
+.work-document-table-of-contents-page {
+  font-variant-numeric: tabular-nums;
+  flex: none;
+}
+
+.work-document-table-of-contents-empty {
+  color: var(--a3s-muted);
+  font-style: italic;
+  padding-left: 0 !important;
+}
+
+.work-document-table-of-contents-dialog {
+  width: min(520px, 100%);
+}
+
+.work-document-table-of-contents-dialog-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  display: grid;
+}
+
+.work-document-table-of-contents-dialog-field, .work-document-table-of-contents-dialog-leader {
+  min-width: 0;
+  color: var(--a3s-muted);
+  gap: 6px;
+  font-size: 10px;
+  display: grid;
+}
+
+.work-document-table-of-contents-dialog-grid .work-office-select, .work-document-table-of-contents-dialog-leader .work-office-select {
+  width: 100%;
+}
+
+.work-document-table-of-contents-dialog-options {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel-soft);
+  border-radius: 7px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+  margin: 14px 0;
+  padding: 10px;
+  display: grid;
+}
+
+.work-document-table-of-contents-dialog-preview {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-bg);
+  min-width: 0;
+  color: var(--a3s-ink);
+  border-radius: 7px;
+  gap: 5px;
+  margin-top: 14px;
+  padding: 14px;
+  font-size: 10px;
+  display: grid;
+}
+
+.work-document-table-of-contents-dialog-preview > legend {
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+
+.work-document-table-of-contents-dialog-preview > span {
+  align-items: baseline;
+  gap: 5px;
+  display: flex;
+}
+
+.work-document-table-of-contents-dialog-preview > span.nested {
+  padding-left: 16px;
+}
+
+.work-document-table-of-contents-dialog-preview i {
+  border-bottom: 1px dotted var(--a3s-muted);
+  flex: 1;
+}
+
+.work-document-table-of-contents-dialog-preview[data-toc-leader="dash"] i {
+  border-bottom-style: dashed;
+}
+
+.work-document-table-of-contents-dialog-preview[data-toc-leader="underline"] i {
+  border-bottom-style: solid;
+}
+
+.work-document-table-of-contents-dialog-preview[data-toc-leader="none"] i, .work-document-table-of-contents-dialog-preview[data-toc-right-align-page-numbers="false"] i {
+  border: 0;
+  flex: 0 0 5px;
+}
+
+@media (width <= 520px) {
+  .work-document-table-of-contents {
+    padding-inline: 12px;
+  }
+
+  .work-document-table-of-contents-dialog-grid, .work-document-table-of-contents-dialog-options {
+    grid-template-columns: 1fr;
+  }
+}
+
+.work-document-index-entry {
+  border: 1px solid color-mix(in srgb, var(--a3s-blue) 34%, var(--a3s-line));
+  background: color-mix(in srgb, var(--a3s-blue) 7%, var(--a3s-panel));
+  max-width: min(260px, 80%);
+  color: var(--a3s-ink);
+  cursor: default;
+  vertical-align: baseline;
+  border-radius: 4px;
+  align-items: baseline;
+  gap: 5px;
+  margin-inline: 3px;
+  padding: 1px 5px;
+  font-size: 9px;
+  line-height: 1.45;
+  display: inline-flex;
+}
+
+.work-document-index-entry > span {
+  color: color-mix(in srgb, var(--a3s-blue) 78%, var(--a3s-ink));
+  white-space: nowrap;
+  font-size: 8px;
+  font-weight: 650;
+}
+
+.work-document-index-entry > strong {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 560;
+  overflow: hidden;
+}
+
+.work-document-index-entry.ProseMirror-selectednode {
+  border-color: var(--a3s-blue);
+  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
+  outline-offset: 1px;
+}
+
+.work-document-index {
+  box-sizing: border-box;
+  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, #8aa7d8);
+  background: color-mix(in srgb, var(--a3s-panel) 96%, #edf4ff);
+  width: 100%;
+  color: var(--a3s-ink);
+  cursor: default;
+  border-radius: 6px;
+  margin: 14px 0 20px;
+  padding: 14px 16px 16px;
+}
+
+.work-document-index.ProseMirror-selectednode {
+  border-color: var(--a3s-blue);
+  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
+  outline-offset: 2px;
+}
+
+.work-document-index-header {
+  border-bottom: 1px solid var(--a3s-line);
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 10px;
+  padding-bottom: 7px;
+  display: flex;
+}
+
+.work-document-index-header strong {
+  font-family: var(--a3s-font-display, inherit);
+  letter-spacing: -.02em;
+  font-size: 18px;
+  font-weight: 680;
+}
+
+.work-document-index-header span {
+  color: var(--a3s-muted);
+  font-variant-numeric: tabular-nums;
+  font-size: 9px;
+}
+
+.work-document-index-list {
+  column-gap: 22px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.work-document-index[data-index-columns="2"] .work-document-index-list {
+  column-count: 2;
+}
+
+.work-document-index[data-index-columns="3"] .work-document-index-list {
+  column-count: 3;
+}
+
+.work-document-index[data-index-columns="4"] .work-document-index-list {
+  column-count: 4;
+}
+
+.work-document-index-list > li {
+  break-inside: avoid;
+  align-items: baseline;
+  gap: 5px;
+  min-width: 0;
+  padding-block: 1px;
+  font-size: 10px;
+  line-height: 1.55;
+  display: flex;
+}
+
+.work-document-index-main, .work-document-index-sub {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.work-document-index-sub {
+  color: color-mix(in srgb, var(--a3s-ink) 82%, var(--a3s-muted));
+  padding-left: 12px;
+}
+
+.work-document-index[data-index-format="run-in"] .work-document-index-sub {
+  padding-left: 0;
+}
+
+.work-document-index[data-index-format="run-in"] .work-document-index-sub:before {
+  content: ", ";
+}
+
+.work-document-index-list > li > i {
+  border-bottom: 1px dotted
+    color-mix(in srgb, var(--a3s-muted) 68%, transparent);
+  flex: 20px;
+  min-width: 10px;
+  transform: translateY(-2px);
+}
+
+.work-document-index[data-index-leader="dash"] .work-document-index-list > li > i {
+  border-bottom-style: dashed;
+}
+
+.work-document-index[data-index-leader="underline"] .work-document-index-list > li > i {
+  border-bottom-style: solid;
+}
+
+.work-document-index[data-index-leader="none"] .work-document-index-list > li > i, .work-document-index[data-index-right-align-page-numbers="false"] .work-document-index-list > li > i {
+  border: 0;
+  flex: 0 0 3px;
+  min-width: 3px;
+}
+
+.work-document-index-pages {
+  font-variant-numeric: tabular-nums;
+  flex: none;
+}
+
+.work-document-index-pages a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.work-document-index-pages a:hover {
+  color: var(--a3s-blue);
+  text-decoration: underline;
+}
+
+.work-document-index-pages a.bold {
+  font-weight: 700;
+}
+
+.work-document-index-pages a.italic {
+  font-style: italic;
+}
+
+.work-document-index-cross-reference, .work-document-index-empty {
+  color: var(--a3s-muted);
+  font-style: italic;
+}
+
+.work-document-index-entry-dialog, .work-document-index-dialog {
+  width: min(540px, 100%);
+}
+
+.work-document-index-entry-dialog-fields, .work-document-index-dialog-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  display: grid;
+}
+
+.work-document-index-entry-dialog label, .work-document-index-dialog-field, .work-document-index-entry-dialog-mode {
+  min-width: 0;
+  color: var(--a3s-muted);
+  gap: 6px;
+  font-size: 10px;
+  display: grid;
+}
+
+.work-document-index-entry-dialog-mode, .work-document-index-dialog-options, .work-document-index-entry-dialog-page-style {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel-soft);
+  border-radius: 7px;
+  margin-top: 14px;
+  padding: 10px;
+}
+
+.work-document-index-entry-dialog-page-style, .work-document-index-dialog-options {
+  align-items: center;
+  gap: 14px;
+  display: flex;
+}
+
+.work-document-index-entry-dialog-page-style > legend {
+  color: var(--a3s-muted);
+  padding-inline: 4px;
+  font-size: 10px;
+}
+
+.work-document-index-dialog-options > .work-document-index-dialog-field {
+  min-width: 180px;
+  margin-left: auto;
+}
+
+.work-document-index-dialog .work-office-select {
+  width: 100%;
+}
+
+.work-document-index-dialog-preview {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-bg);
+  color: var(--a3s-ink);
+  border-radius: 7px;
+  gap: 5px;
+  margin-top: 14px;
+  padding: 14px;
+  font-size: 10px;
+  display: grid;
+}
+
+.work-document-index-dialog-preview > legend {
+  font-size: 14px;
+}
+
+.work-document-index-dialog-preview > span {
+  align-items: baseline;
+  gap: 5px;
+  display: flex;
+}
+
+.work-document-index-dialog-preview > span.nested {
+  padding-left: 16px;
+}
+
+.work-document-index-dialog-preview[data-index-format="run-in"] > span.nested {
+  padding-left: 0;
+}
+
+.work-document-index-dialog-preview i {
+  border-bottom: 1px dotted var(--a3s-muted);
+  flex: 1;
+}
+
+.work-document-index-dialog-preview[data-index-leader="dash"] i {
+  border-bottom-style: dashed;
+}
+
+.work-document-index-dialog-preview[data-index-leader="underline"] i {
+  border-bottom-style: solid;
+}
+
+.work-document-index-dialog-preview[data-index-leader="none"] i, .work-document-index-dialog-preview[data-index-right-align-page-numbers="false"] i {
+  border: 0;
+  flex: 0 0 5px;
+}
+
+@media (width <= 560px) {
+  .work-document-index {
+    padding-inline: 12px;
+  }
+
+  .work-document-index-list {
+    column-count: 1 !important;
+  }
+
+  .work-document-index-entry-dialog-fields, .work-document-index-dialog-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .work-document-index-entry-dialog-page-style, .work-document-index-dialog-options {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .work-document-index-dialog-options > .work-document-index-dialog-field {
+    min-width: 0;
+    margin-left: 0;
+  }
+}
+
 .work-document-equation {
   vertical-align: -.12em;
   border-radius: .2em;
@@ -17080,6 +17672,17 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   padding: 8px 10px;
 }
 
+.work-spreadsheet-data-validation-message-grid {
+  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
+  align-items: start;
+  gap: 10px;
+  display: grid;
+}
+
+.work-spreadsheet-data-validation-message-grid .ds-field.message {
+  grid-column: 1 / -1;
+}
+
 .work-spreadsheet-data-validation-dialog textarea {
   resize: vertical;
   min-height: 70px;
@@ -17096,7 +17699,7 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
 }
 
 @media (width <= 560px) {
-  .work-spreadsheet-data-validation-condition-grid, .work-spreadsheet-data-validation-values.two, .work-spreadsheet-data-validation-behavior {
+  .work-spreadsheet-data-validation-condition-grid, .work-spreadsheet-data-validation-values.two, .work-spreadsheet-data-validation-behavior, .work-spreadsheet-data-validation-message-grid {
     grid-template-columns: minmax(0, 1fr);
   }
 }