@open-press/core 1.2.0 → 1.3.1

package/src/styles/openpress/workbench-export.css

@@ -0,0 +1,154 @@
+/* ─── Export Control (toolbar button override) ───────────── */
+
+[data-openpress-export-control] .openpress-workbench-zoom-control {
+  max-width: 110px;
+  overflow: visible;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 560;
+  color: #d8dadd;
+}
+
+/* ─── Export Dialog ──────────────────────────────────────── */
+
+.openpress-export-png-dialog {
+  width: min(680px, calc(100vw - 56px));
+}
+
+.openpress-export-dialog .openpress-workbench-dialog__footer {
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.openpress-export-dialog__action {
+  display: inline-flex;
+  height: 30px;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border: 1px solid var(--openpress-workbench-border);
+  border-radius: var(--openpress-workbench-radius-sm);
+  padding: 0 12px;
+  background: transparent;
+  color: var(--openpress-workbench-text-soft);
+  font: inherit;
+  font-size: 11px;
+  font-weight: 560;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.openpress-export-dialog__action:hover:not(:disabled) {
+  border-color: rgb(240 182 76 / 34%);
+  color: var(--openpress-workbench-accent);
+}
+
+.openpress-export-dialog__action:disabled {
+  cursor: not-allowed;
+  opacity: 0.46;
+}
+
+.openpress-export-dialog__action svg {
+  width: 13px;
+  height: 13px;
+}
+
+.openpress-export-dialog__body {
+  padding: 20px 24px 24px;
+}
+
+.openpress-export-dialog__summary {
+  margin: 0;
+  color: rgb(180 186 192 / 70%);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.openpress-export-dialog__selection-bar {
+  display: flex;
+  min-height: 42px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  border-bottom: 1px solid var(--openpress-workbench-border-muted);
+  padding: 10px 16px;
+  color: var(--openpress-workbench-muted);
+  font-size: 11px;
+  line-height: 1.3;
+}
+
+.openpress-export-dialog__selection-actions {
+  display: inline-flex;
+  gap: 6px;
+  flex: 0 0 auto;
+}
+
+.openpress-export-dialog__selection-actions button {
+  height: 26px;
+  border: 1px solid var(--openpress-workbench-border-muted);
+  border-radius: var(--openpress-workbench-radius-sm);
+  padding: 0 9px;
+  background: transparent;
+  color: var(--openpress-workbench-text-soft);
+  font: inherit;
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.openpress-export-dialog__selection-actions button:hover {
+  border-color: rgb(240 182 76 / 34%);
+  color: var(--openpress-workbench-accent);
+}
+
+.openpress-export-dialog__thumbs {
+  overflow-y: auto;
+  padding: 8px 16px 16px;
+  scrollbar-width: thin;
+  scrollbar-color: rgb(255 255 255 / 14%) transparent;
+}
+
+.openpress-export-dialog__thumbs .openpress-thumb-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.openpress-export-dialog__thumbs .openpress-thumb-card {
+  cursor: pointer;
+}
+
+.openpress-export-dialog__thumbs .openpress-thumb-card {
+  position: relative;
+}
+
+.openpress-export-dialog__thumbs .openpress-thumb-card.is-selected {
+  border-color: rgb(240 182 76 / 62%);
+  background: rgb(240 182 76 / 7%);
+}
+
+.openpress-thumb-card__check {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 2;
+  display: inline-flex;
+  width: 20px;
+  height: 20px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid rgb(255 255 255 / 32%);
+  border-radius: 999px;
+  background: rgb(18 18 18 / 82%);
+  color: var(--openpress-workbench-accent);
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1;
+  box-shadow: 0 6px 18px rgb(0 0 0 / 28%);
+}
+
+.openpress-thumb-card:not(.is-selected) .openpress-thumb-card__check {
+  color: transparent;
+}

package/src/styles/openpress/workbench-inline-editor.css

@@ -0,0 +1,128 @@
+.openpress-inline-source-editor-layer {
+  position: fixed;
+  inset: 0;
+  z-index: 980;
+  pointer-events: none;
+}
+
+.openpress-inline-source-editor {
+  position: fixed;
+  display: grid;
+  gap: 10px;
+  max-width: calc(100vw - 28px);
+  border: 1px solid var(--openpress-workbench-border);
+  border-radius: var(--openpress-workbench-radius-md);
+  padding: 12px;
+  background: var(--openpress-workbench-dialog-bg);
+  color: var(--openpress-workbench-text);
+  box-shadow: 0 18px 46px rgb(0 0 0 / 34%);
+  pointer-events: auto;
+}
+
+.openpress-inline-source-editor__header,
+.openpress-inline-source-editor__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-width: 0;
+}
+
+.openpress-inline-source-editor__header > div {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.openpress-inline-source-editor__header strong {
+  overflow: hidden;
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 1.1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.openpress-inline-source-editor__eyebrow {
+  color: rgb(174 179 184 / 58%);
+  font-family: var(--openpress-font-mono);
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+}
+
+.openpress-inline-source-editor__header button,
+.openpress-inline-source-editor__footer button {
+  min-height: 28px;
+  border: 1px solid var(--openpress-workbench-border);
+  border-radius: var(--openpress-workbench-radius-sm);
+  background: transparent;
+  color: rgb(242 242 238 / 82%);
+  font: inherit;
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.openpress-inline-source-editor__header button {
+  width: 28px;
+  padding: 0;
+  font-size: 15px;
+}
+
+.openpress-inline-source-editor__footer button {
+  padding: 0 10px;
+}
+
+.openpress-inline-source-editor__footer button:last-child {
+  border-color: rgb(240 182 76 / 28%);
+  background: rgb(240 182 76 / 9%);
+  color: var(--openpress-workbench-accent);
+}
+
+.openpress-inline-source-editor__footer button:disabled {
+  cursor: progress;
+  opacity: 0.54;
+}
+
+.openpress-inline-source-editor textarea {
+  width: 100%;
+  min-height: 126px;
+  resize: vertical;
+  border: 1px solid var(--openpress-workbench-border);
+  border-radius: var(--openpress-workbench-radius-sm);
+  padding: 10px;
+  background: rgb(0 0 0 / 24%);
+  color: rgb(242 242 238 / 92%);
+  font-family: var(--openpress-font-mono);
+  font-size: 11px;
+  line-height: 1.55;
+  outline: none;
+}
+
+.openpress-inline-source-editor textarea:focus {
+  border-color: rgb(240 182 76 / 42%);
+  box-shadow: 0 0 0 1px rgb(240 182 76 / 16%);
+}
+
+.openpress-inline-source-editor__footer > span {
+  min-width: 0;
+  overflow: hidden;
+  color: rgb(174 179 184 / 70%);
+  font-size: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.openpress-inline-source-editor__footer > span[data-openpress-source-editor-status="saving"] {
+  color: rgb(240 182 76 / 88%);
+}
+
+.openpress-inline-source-editor__footer > span[data-openpress-source-editor-status="failed"] {
+  color: var(--openpress-workbench-danger);
+}
+
+.openpress-inline-source-editor__footer > div {
+  display: inline-flex;
+  gap: 6px;
+  flex: 0 0 auto;
+}

package/src/styles/openpress/workbench-panels.css

@@ -1,7 +1,3 @@
-.openpress-html-source {
-  display: contents;
-}
-
 .openpress-workspace-panel {
   min-width: 0;
   height: 100%;
@@ -329,79 +325,6 @@
   text-transform: uppercase;
 }
 
-.openpress-asset-index {
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
-  max-height: 38vh;
-  border-top: 1px solid rgb(255 255 255 / 8%);
-  padding: 16px 0 18px;
-  overflow: hidden;
-}
-
-.openpress-asset-list {
-  display: flex;
-  min-height: 0;
-  flex-direction: column;
-  gap: 2px;
-  overflow: auto;
-  padding: 0 18px 0 30px;
-  scrollbar-width: none;
-}
-
-.openpress-asset-list::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  display: none;
-}
-
-.openpress-asset-link {
-  display: grid;
-  grid-template-columns: 44px minmax(0, 1fr);
-  gap: 10px;
-  align-items: baseline;
-  padding: 7px 0;
-  color: #9aa0a6;
-  text-decoration: none;
-}
-
-.openpress-asset-link:hover {
-  color: #f1f1ef;
-}
-
-.openpress-asset-label {
-  color: #d95a36;
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-}
-
-.openpress-asset-link--table .openpress-asset-label {
-  color: #d7a034;
-}
-
-.openpress-asset-title {
-  display: -webkit-box;
-  min-width: 0;
-  overflow: hidden;
-  font-size: 12px;
-  line-height: 1.38;
-  word-break: keep-all;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.openpress-asset-title small {
-  display: block;
-  margin-top: 3px;
-  overflow: hidden;
-  color: #62676d;
-  font-size: 10px;
-  font-weight: 400;
-  line-height: 1.25;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .openpress-asset-empty {
   margin: 0;
   padding: 0 18px 0 30px;
@@ -666,17 +589,6 @@
   border-radius: 4px;
 }
 
-.openpress-reader-app .openpress-thumb-card__page-host {
-  position: absolute;
-  inset: 0;
-}
-
-.openpress-reader-app .openpress-thumb-card__page-host .openpress-public-page {
-  display: block;
-  pointer-events: none;
-  user-select: none;
-}
-
 .openpress-reader-app .openpress-thumb-card__frame {
   position: relative;
 }

package/src/styles/openpress/workbench-search.css

@@ -0,0 +1,257 @@
+.openpress-search-dialog-backdrop {
+  z-index: 1001;
+  padding: calc(var(--openpress-workbench-toolbar-height, 44px) + 24px) 24px 24px;
+  background: rgb(0 0 0 / 46%);
+}
+
+.openpress-search-dialog {
+  width: min(640px, calc(100vw - 48px));
+  max-height: min(72vh, 760px);
+  grid-template-rows: auto auto minmax(0, 1fr);
+  box-shadow: 0 24px 72px rgb(0 0 0 / 44%);
+}
+
+.openpress-search-dialog__header {
+  gap: 16px;
+  padding: 16px 48px 10px 16px;
+}
+
+.openpress-search-dialog__form {
+  display: grid;
+  gap: 10px;
+  border-top: 1px solid var(--openpress-workbench-border-muted);
+  border-bottom: 1px solid var(--openpress-workbench-border-muted);
+  padding: 12px 16px;
+}
+
+.openpress-search-dialog__input-row {
+  display: grid;
+  grid-template-columns: 16px minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+  min-height: 34px;
+  border: 1px solid var(--openpress-workbench-border);
+  border-radius: 5px;
+  padding: 0 7px 0 10px;
+  background: rgb(255 255 255 / 4%);
+}
+
+.openpress-search-dialog__input-row > svg {
+  width: 13px;
+  height: 13px;
+  color: var(--openpress-workbench-muted);
+}
+
+.openpress-search-dialog__input-row input {
+  min-width: 0;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: var(--openpress-workbench-text);
+  font: inherit;
+  font-size: 12px;
+  outline: 0;
+}
+
+.openpress-search-dialog__input-row input::placeholder {
+  color: rgb(160 166 173 / 54%);
+}
+
+.openpress-search-dialog__input-row button {
+  display: inline-flex;
+  height: 26px;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid transparent;
+  border-radius: var(--openpress-workbench-radius-sm);
+  padding: 0 9px;
+  background: transparent;
+  color: rgb(214 218 222 / 82%);
+  font: inherit;
+  font-size: 11px;
+  font-weight: 560;
+  cursor: pointer;
+}
+
+.openpress-search-dialog__input-row button:hover:not(:disabled) {
+  color: var(--openpress-workbench-accent);
+}
+
+.openpress-search-dialog__input-row button:disabled {
+  cursor: progress;
+  opacity: 0.62;
+}
+
+.openpress-search-dialog__input-row button svg {
+  width: 12px;
+  height: 12px;
+}
+
+.openpress-search-dialog__input-row button:disabled svg,
+.openpress-search-dialog__empty svg {
+  animation: openpress-search-spin 0.9s linear infinite;
+}
+
+.openpress-search-dialog__empty,
+.openpress-search-dialog__error {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  padding: 18px 16px;
+  color: rgb(160 166 173 / 72%);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.openpress-search-dialog__empty svg {
+  width: 13px;
+  height: 13px;
+}
+
+.openpress-search-dialog__error {
+  color: rgb(248 113 113 / 88%);
+}
+
+.openpress-search-dialog__results {
+  min-height: 0;
+  overflow: auto;
+  padding: 12px 16px 16px;
+}
+
+.openpress-search-dialog__summary {
+  margin: 0 0 10px;
+  color: var(--openpress-workbench-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.openpress-search-dialog__file {
+  display: grid;
+  gap: 7px;
+  margin: 0 0 12px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--openpress-workbench-border-muted);
+}
+
+.openpress-search-dialog__file:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.openpress-search-dialog__file h3 {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: 14px minmax(0, 1fr) auto;
+  gap: 7px;
+  align-items: center;
+  margin: 0;
+  color: rgb(226 229 230 / 90%);
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 1.25;
+}
+
+.openpress-search-dialog__file h3 svg {
+  width: 12px;
+  height: 12px;
+  color: rgb(240 182 76 / 82%);
+}
+
+.openpress-search-dialog__file h3 span {
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.openpress-search-dialog__file h3 small {
+  display: inline-flex;
+  min-width: 20px;
+  height: 18px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--openpress-workbench-glass-border);
+  border-radius: var(--openpress-workbench-radius-pill);
+  color: rgb(160 166 173 / 78%);
+  font-size: 10px;
+  font-weight: 650;
+}
+
+.openpress-search-dialog__file ol {
+  display: grid;
+  gap: 5px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.openpress-search-dialog__file li {
+  display: block;
+  min-width: 0;
+}
+
+.openpress-search-dialog__result {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: baseline;
+  border-radius: var(--openpress-workbench-radius-sm);
+  border: 1px solid transparent;
+  padding: 6px 7px;
+  background: rgb(255 255 255 / 3%);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.openpress-search-dialog__result:hover:not(:disabled) {
+  border-color: rgb(240 182 76 / 18%);
+  background: rgb(240 182 76 / 7%);
+}
+
+.openpress-search-dialog__result:disabled {
+  cursor: default;
+  opacity: 0.68;
+}
+
+.openpress-search-dialog__line {
+  color: rgb(160 166 173 / 74%);
+  font-family: var(--openpress-font-mono);
+  font-size: 10px;
+  line-height: 1.35;
+}
+
+.openpress-search-dialog__preview {
+  overflow: hidden;
+  min-width: 0;
+  color: rgb(226 229 230 / 84%);
+  font-family: var(--openpress-font-mono);
+  font-size: 11px;
+  line-height: 1.45;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.openpress-search-dialog__page {
+  color: rgb(240 182 76 / 82%);
+  font-family: var(--openpress-font-mono);
+  font-size: 10px;
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+.openpress-search-dialog__result:disabled .openpress-search-dialog__page {
+  color: rgb(160 166 173 / 58%);
+}
+
+@keyframes openpress-search-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}