@a3s-lab/office 0.18.0 → 0.20.0

package/dist/styles.css

@@ -5008,6 +5008,47 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   padding: 8px;
 }
 
+.work-office-color-reset {
+  border: 0;
+  border-bottom: 1px solid var(--a3s-line);
+  width: 100%;
+  min-height: 30px;
+  color: var(--a3s-ink);
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+  background: none;
+  outline: 0;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 7px;
+  padding: 4px 6px 7px;
+  font-size: 10px;
+  display: flex;
+}
+
+.work-office-color-reset:hover, .work-office-color-reset:focus-visible {
+  background: var(--a3s-panel-soft);
+  color: var(--work-office-control-accent, var(--a3s-blue));
+}
+
+.work-office-color-reset-swatch {
+  border: 1px solid var(--a3s-line-strong);
+  background: var(--a3s-panel);
+  width: 19px;
+  height: 16px;
+  color: var(--a3s-red);
+  border-radius: 3px;
+  flex: 0 0 19px;
+  place-items: center;
+  display: grid;
+}
+
+.work-office-color-reset[data-kind="automatic"] .work-office-color-reset-swatch {
+  box-shadow: inset 0 0 0 2px var(--a3s-panel);
+  background: #111827;
+}
+
 .work-office-color-palette {
   gap: 6px;
   display: grid;
@@ -5142,6 +5183,20 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     gap: 7px;
   }
 
+  .work-office-color-reset {
+    border-radius: 7px 7px 0 0;
+    min-height: 44px;
+    margin-bottom: 8px;
+    padding: 8px 9px 9px;
+    font-size: 11px;
+  }
+
+  .work-office-color-reset-swatch {
+    flex-basis: 24px;
+    width: 24px;
+    height: 20px;
+  }
+
   .work-office-color-section-title {
     font-size: 10px;
   }
@@ -14985,6 +15040,37 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   grid-template-columns: 20px minmax(0, 1fr);
 }
 
+.work-spreadsheet-orientation-menu > button, .work-spreadsheet-rows-columns-menu > button {
+  grid-template-columns: 20px minmax(0, 1fr) auto;
+}
+
+.work-spreadsheet-orientation-menu > button:after {
+  border: 1px solid var(--a3s-faint);
+  content: "";
+  border-radius: 50%;
+  width: 9px;
+  height: 9px;
+}
+
+.work-spreadsheet-orientation-menu > button[aria-checked="true"]:after {
+  border-color: var(--work-office-menu-accent);
+  background: var(--work-office-menu-accent);
+  box-shadow: inset 0 0 0 2px var(--a3s-overlay-surface);
+}
+
+.work-spreadsheet-orientation-glyph {
+  stroke: currentColor;
+  stroke-width: 1.45px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  flex: none;
+  overflow: visible;
+}
+
+.work-spreadsheet-orientation-trigger.active .work-spreadsheet-orientation-glyph {
+  color: var(--work-spreadsheet-accent);
+}
+
 .work-spreadsheet-find-select-menu > button, .work-spreadsheet-paste-menu > button {
   grid-template-columns: 20px minmax(0, 1fr) auto;
 }
@@ -15021,6 +15107,23 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   color: currentColor;
 }
 
+@media (width <= 640px) {
+  .work-spreadsheet-orientation-menu, .work-spreadsheet-rows-columns-menu {
+    border-radius: 12px;
+    width: calc(100vw - 16px);
+    max-width: none;
+    max-height: min(68dvh, 520px);
+    padding: 8px;
+  }
+
+  .work-spreadsheet-orientation-menu > button, .work-spreadsheet-rows-columns-menu > button {
+    gap: 10px;
+    min-height: 44px;
+    padding: 9px 10px;
+    font-size: 12px;
+  }
+}
+
 .work-spreadsheet-cell-style-panel {
   gap: 10px;
   width: min(440px, 100vw - 32px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a3s-lab/office",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Open-source collaborative browser editors for documents, Markdown, spreadsheets, presentations, and PDFs.",
   "keywords": [
     "office",
@@ -88,6 +88,7 @@
     "playground:typecheck": "tsc --noEmit -p playground/tsconfig.json",
     "playground:visual": "playwright test --config playwright.config.ts",
     "playground:visual:spreadsheet-data-validation": "playwright test visual-tests/spreadsheet-data-validation.functional.spec.ts --config playwright.config.ts",
+    "playground:visual:spreadsheet-font-colors-shortcuts": "playwright test visual-tests/spreadsheet-font-colors-shortcuts.functional.spec.ts --config playwright.config.ts",
     "playground:visual:spreadsheet-hyperlink": "playwright test visual-tests/spreadsheet-hyperlink.functional.spec.ts --config playwright.config.ts",
     "playground:visual:spreadsheet-ribbon": "playwright test visual-tests/spreadsheet-ribbon.functional.spec.ts --config playwright.config.ts",
     "playground:visual:spreadsheet-underline": "playwright test visual-tests/spreadsheet-underline.functional.spec.ts --config playwright.config.ts",
@@ -134,6 +135,10 @@
     "test:e2e:writer-ribbon:check": "a3s-test check tests/e2e/word-ribbon-collapse.acl --json",
     "test:e2e:spreadsheet-ribbon": "a3s-test run tests/e2e/spreadsheet-ribbon-alignment.acl --json",
     "test:e2e:spreadsheet-ribbon:check": "a3s-test check tests/e2e/spreadsheet-ribbon-alignment.acl --json",
+    "test:e2e:spreadsheet-orientation-visibility": "a3s-test run tests/e2e/spreadsheet-ribbon-orientation-visibility.acl --json",
+    "test:e2e:spreadsheet-orientation-visibility:check": "a3s-test check tests/e2e/spreadsheet-ribbon-orientation-visibility.acl --json",
+    "test:e2e:spreadsheet-font-colors-shortcuts": "a3s-test run tests/e2e/spreadsheet-font-colors-shortcuts.acl --json",
+    "test:e2e:spreadsheet-font-colors-shortcuts:check": "a3s-test check tests/e2e/spreadsheet-font-colors-shortcuts.acl --json",
     "test:e2e:spreadsheet-cell-style": "a3s-test run tests/e2e/spreadsheet-cell-style.acl --json",
     "test:e2e:spreadsheet-cell-style:check": "a3s-test check tests/e2e/spreadsheet-cell-style.acl --json",
     "test:e2e:spreadsheet-font-size-border-shortcuts": "a3s-test run tests/e2e/spreadsheet-font-size-border-shortcuts.acl --json",