@open-press/cli 1.0.0 → 1.1.0

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

@@ -1,707 +0,0 @@
-.openpress-html-source {
-  display: contents;
-}
-
-.openpress-workspace-panel {
-  min-width: 0;
-  height: 100%;
-  background: #171717;
-  scrollbar-width: none;
-}
-
-.openpress-reader-app .reader-side-nav {
-  display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr);
-  overflow: hidden;
-}
-
-.openpress-document-panel {
-  display: grid;
-  height: 100%;
-  min-height: 0;
-  grid-template-rows: auto minmax(0, 1fr);
-  overflow: hidden;
-}
-
-.openpress-dev-control-tabs.openpress-document-panel-tabs {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  margin: 0 22px;
-  padding-top: 2px;
-}
-
-.openpress-document-panel [data-openpress-document-panel-tab-panel] {
-  min-height: 0;
-  overflow: hidden;
-}
-
-.openpress-document-panel [data-openpress-document-panel-tab-panel][hidden] {
-  display: none;
-}
-
-.openpress-document-panel [data-openpress-document-panel-tab-panel]:not([hidden]) {
-  display: grid;
-}
-
-.openpress-document-panel__comments,
-.openpress-document-panel__project {
-  min-height: 0;
-  overflow: hidden;
-}
-
-.openpress-control-panel {
-  display: grid;
-  align-content: start;
-  min-height: 0;
-  gap: 22px;
-  padding: 18px 22px 18px;
-  overflow: auto;
-  scrollbar-width: none;
-}
-
-.openpress-control-panel::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  display: none;
-}
-
-.openpress-control-panel .openpress-comments-panel--embedded,
-.openpress-control-panel .openpress-project-panel {
-  min-height: 0;
-  padding: 0;
-  overflow: visible;
-}
-
-.openpress-reader-app .reader-side-nav .reader-bookmarks {
-  height: 100%;
-  min-height: 0;
-  overflow: auto;
-  padding: 0 18px 18px 30px;
-  scrollbar-width: none;
-}
-
-.openpress-reader-app .reader-bookmarks-rail {
-  left: 18px;
-  background: rgb(255 255 255 / 10%);
-}
-
-.openpress-reader-app .bookmark-group {
-  margin-bottom: 4px;
-}
-
-.openpress-reader-app .bookmark-item {
-  display: grid;
-  width: 100%;
-  min-width: 0;
-  border: 0;
-  column-gap: 16px;
-  align-items: baseline;
-  background: transparent;
-  color: #969ca3;
-  font-family: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.openpress-reader-app .bookmark-item:hover,
-.openpress-reader-app .bookmark-item.is-active {
-  color: #f2f2f0;
-}
-
-.openpress-reader-app .bookmark-index {
-  display: block;
-  min-width: 0;
-  color: inherit;
-  font-variant-numeric: tabular-nums;
-  letter-spacing: 0.04em;
-  white-space: nowrap;
-}
-
-.openpress-reader-app .bookmark-h2 {
-  grid-template-columns: 34px minmax(0, 1fr);
-  padding: 10px 0 9px;
-  color: #d2d6da;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.38;
-}
-
-.openpress-reader-app .bookmark-h2 .bookmark-index {
-  color: #f2f2f0;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 1.35;
-}
-
-.openpress-reader-app .bookmark-h3 {
-  grid-template-columns: 50px minmax(0, 1fr);
-  padding: 7px 0 7px 64px;
-  color: #757b82;
-  font-size: 13px;
-  line-height: 1.35;
-}
-
-.openpress-reader-app .bookmark-h3.is-active,
-.openpress-reader-app .bookmark-h3:hover {
-  color: #f2f2f0;
-}
-
-.openpress-reader-app .bookmark-subgroup {
-  display: flex;
-  flex-direction: column;
-}
-
-.openpress-reader-app .bookmark-h4 {
-  grid-template-columns: 54px minmax(0, 1fr);
-  padding: 5px 0 5px 82px;
-  color: #666c73;
-  font-size: 12px;
-  line-height: 1.32;
-}
-
-.openpress-reader-app .bookmark-h4.is-active,
-.openpress-reader-app .bookmark-h4:hover {
-  color: #f2f2f0;
-}
-
-.openpress-reader-app .bookmark-title {
-  overflow: hidden;
-  display: -webkit-box;
-  min-width: 0;
-  white-space: normal;
-  word-break: keep-all;
-  overflow-wrap: normal;
-  line-break: loose;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.openpress-reader-app .bookmark-h3 .bookmark-title {
-  -webkit-line-clamp: 2;
-}
-
-.openpress-reader-app .bookmark-h4 .bookmark-title {
-  -webkit-line-clamp: 1;
-}
-
-.openpress-reader-app .bookmark-subs {
-  display: block;
-  max-height: 0;
-  overflow: hidden;
-  padding-bottom: 0;
-  opacity: 0;
-  transform: translateY(-6px);
-  transition:
-    max-height 340ms cubic-bezier(0.22, 0.61, 0.36, 1),
-    opacity 180ms ease,
-    padding-bottom 340ms cubic-bezier(0.22, 0.61, 0.36, 1),
-    transform 340ms cubic-bezier(0.22, 0.61, 0.36, 1);
-  will-change: max-height, opacity, transform;
-  pointer-events: none;
-}
-
-.openpress-reader-app .bookmark-group.is-open .bookmark-subs {
-  max-height: none;
-  overflow: visible;
-  padding-bottom: 8px;
-  opacity: 1;
-  transform: translateY(0);
-  pointer-events: auto;
-}
-
-.openpress-public-viewer.openpress-reader-app .bookmark-item {
-  column-gap: 8px;
-}
-
-.openpress-public-viewer.openpress-reader-app .bookmark-h2 {
-  grid-template-columns: 24px minmax(0, 1fr);
-  padding: 8px 0 7px;
-  font-family: var(--openpress-font-serif);
-  font-size: 14px;
-  line-height: 1.42;
-}
-
-.openpress-public-viewer.openpress-reader-app .bookmark-h3 {
-  grid-template-columns: 24px minmax(0, 1fr);
-  column-gap: 8px;
-  padding: 4px 0 4px 32px;
-  font-family: var(--openpress-font-serif);
-  font-size: 14px;
-  line-height: 1.42;
-}
-
-.openpress-public-viewer.openpress-reader-app .bookmark-title {
-  display: block;
-  overflow: visible;
-  font-family: var(--openpress-font-serif);
-  letter-spacing: 0;
-  -webkit-line-clamp: unset;
-}
-
-.openpress-public-viewer.openpress-reader-app .bookmark-h3 .bookmark-index {
-  font-size: 12px;
-}
-
-.openpress-panel-section {
-  min-width: 0;
-  min-height: 0;
-}
-
-.openpress-panel-section--current {
-  border-bottom: 1px solid rgb(255 255 255 / 8%);
-  padding: 18px 0 16px;
-}
-
-.openpress-current-page-card {
-  display: grid;
-  gap: 8px;
-  padding: 0 18px 0 30px;
-}
-
-.openpress-current-page-card__number {
-  display: flex;
-  align-items: baseline;
-  gap: 7px;
-  color: #f2f2f0;
-  font-size: 28px;
-  font-weight: 400;
-  line-height: 1;
-  font-variant-numeric: tabular-nums;
-  letter-spacing: 0.03em;
-}
-
-.openpress-current-page-card__number .sep {
-  color: #5f656c;
-  font-size: 16px;
-  line-height: 1;
-}
-
-.openpress-current-page-card__number [data-openpress-total-pages] {
-  color: #8c939a;
-  font-size: 16px;
-}
-
-.openpress-current-page-card__prefix {
-  color: #7f858c;
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0.08em;
-}
-
-.openpress-current-page-card__title {
-  overflow: hidden;
-  color: #9ba1a8;
-  font-size: 12px;
-  line-height: 1.4;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.openpress-current-page-card__progress {
-  overflow: hidden;
-  width: 100%;
-  height: 2px;
-  background: rgb(255 255 255 / 10%);
-}
-
-.openpress-current-page-card__progress span {
-  display: block;
-  width: var(--progress, 0%);
-  height: 100%;
-  background: var(--openpress-accent);
-  transition: width 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
-}
-
-.openpress-panel-section--bookmarks {
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
-  min-height: 0;
-  overflow: hidden;
-  padding-top: 18px;
-}
-
-.openpress-panel-heading {
-  padding: 0 18px 12px 30px;
-  color: #73787f;
-  font-size: 10px;
-  font-weight: 500;
-  letter-spacing: 0.12em;
-  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;
-  color: #696f75;
-  font-size: 12px;
-}
-
-.openpress-panel {
-  min-width: 0;
-  min-height: 0;
-  color: rgb(232 232 228 / 92%);
-}
-
-.openpress-panel-header {
-  display: grid;
-  min-width: 0;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 12px;
-  align-items: end;
-  border-bottom: 1px solid rgb(255 255 255 / 9%);
-  padding-bottom: 12px;
-}
-
-.openpress-panel-heading-stack {
-  display: grid;
-  min-width: 0;
-  gap: 3px;
-}
-
-.openpress-panel-kicker {
-  display: block;
-  margin: 0;
-  color: rgb(160 166 173 / 60%);
-  font-family: var(--openpress-font-mono);
-  font-size: 10px;
-  font-weight: 650;
-  line-height: 1;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.openpress-panel-title {
-  min-width: 0;
-  margin: 0;
-  overflow: hidden;
-  break-after: auto;
-  color: rgb(242 242 240 / 94%);
-  font-family: inherit;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 1.35;
-  letter-spacing: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.openpress-panel-title::before {
-  display: none;
-  content: none;
-}
-
-.openpress-panel-description,
-.openpress-panel-section-description {
-  min-width: 0;
-  margin: 0;
-  color: rgb(160 166 173 / 64%);
-  font-size: 11px;
-  line-height: 1.4;
-}
-
-.openpress-panel-actions {
-  display: flex;
-  min-width: 0;
-  flex-wrap: wrap;
-  gap: 8px;
-  justify-content: flex-end;
-}
-
-.openpress-panel-action-button {
-  display: inline-flex;
-  min-width: 0;
-  min-height: 30px;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  border: 1px solid rgb(255 255 255 / 12%);
-  border-radius: 6px;
-  padding: 6px 9px;
-  background: rgb(255 255 255 / 5%);
-  color: rgb(242 242 240 / 90%);
-  font: inherit;
-  font-size: 11px;
-  font-weight: 700;
-  line-height: 1;
-  cursor: pointer;
-}
-
-.openpress-panel-action-button:hover:not(:disabled) {
-  border-color: rgb(255 255 255 / 20%);
-  background: rgb(255 255 255 / 8%);
-}
-
-.openpress-panel-action-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.46;
-}
-
-.openpress-panel-action-button svg {
-  width: 14px;
-  height: 14px;
-  flex: 0 0 auto;
-}
-
-.openpress-panel-body {
-  display: grid;
-  min-width: 0;
-  min-height: 0;
-  align-content: start;
-  gap: 10px;
-}
-
-.openpress-panel > .openpress-panel-section,
-.openpress-panel-body > .openpress-panel-section {
-  display: grid;
-  min-width: 0;
-  min-height: 0;
-  gap: 10px;
-  border-top: 1px solid rgb(255 255 255 / 8%);
-  padding: 14px 0;
-}
-
-.openpress-panel > .openpress-panel-section:first-child,
-.openpress-panel-body > .openpress-panel-section:first-child {
-  border-top: 0;
-  padding-top: 0;
-}
-
-.openpress-panel .openpress-panel-section-title {
-  margin: 0;
-  padding: 0;
-  color: rgb(190 196 202 / 58%);
-  font-family: var(--openpress-font-mono);
-  font-size: 10px;
-  font-weight: 650;
-  line-height: 1;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.openpress-panel-empty {
-  margin: 0;
-  border: 1px dashed rgb(255 255 255 / 12%);
-  padding: 14px;
-  color: rgb(150 156 163 / 62%);
-  font-size: 12px;
-  line-height: 1.4;
-  overflow-wrap: anywhere;
-}
-
-.openpress-panel-error {
-  margin: 0;
-  border-left: 3px solid rgb(248 113 113 / 76%);
-  padding: 8px 0 8px 12px;
-  color: rgb(248 113 113 / 88%);
-  font-size: 12px;
-  line-height: 1.45;
-}
-
-.openpress-panel--compact .openpress-panel-header {
-  gap: 10px;
-  align-items: start;
-}
-
-.openpress-panel--compact .openpress-panel-actions {
-  justify-content: flex-start;
-}
-
-.openpress-panel--compact .openpress-panel-actions .openpress-panel-action-button {
-  width: 34px;
-  min-height: 30px;
-  padding: 0;
-}
-
-.openpress-panel--compact .openpress-panel-actions .openpress-panel-action-button span {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  white-space: nowrap;
-}
-
-/* Page thumbnails — left panel fallback when no MDX bookmarks exist
-   (canvas-style Press: social posts, slides). Renders the actual page
-   HTML scaled down so the user can navigate by visual recognition. */
-.openpress-reader-app .openpress-panel-section--thumbnails {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 8px 14px 16px;
-  min-height: 0;
-}
-
-.openpress-reader-app .openpress-thumb-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.openpress-reader-app .openpress-thumb-card {
-  display: grid;
-  grid-template-columns: 20px minmax(0, 1fr);
-  align-items: stretch;
-  gap: 6px;
-  padding: 6px 8px 6px 0;
-  border: 1px solid rgb(242 242 240 / 12%);
-  border-radius: 7px;
-  background: rgb(20 20 20 / 50%);
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
-  overflow: hidden;
-  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
-}
-
-.openpress-reader-app .openpress-thumb-card:hover {
-  border-color: rgb(242 242 240 / 26%);
-  transform: translateY(-1px);
-}
-
-.openpress-reader-app .openpress-thumb-card.is-active {
-  border-color: var(--openpress-accent, #df4b21);
-  box-shadow: 0 0 0 1px var(--openpress-accent, #df4b21) inset;
-}
-
-.openpress-reader-app .openpress-thumb-card__surface {
-  position: relative;
-  grid-column: 2;
-  grid-row: 1;
-  display: grid;
-  place-items: center;
-  width: 100%;
-  overflow: hidden;
-  background: #fff;
-  border: 1px solid rgb(242 242 240 / 12%);
-  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;
-}
-
-.openpress-reader-app .openpress-thumb-card__surface .openpress-html-page {
-  pointer-events: none;
-  user-select: none;
-}
-
-.openpress-reader-app .openpress-thumb-card__meta {
-  display: grid;
-  grid-column: 1;
-  grid-row: 1;
-  grid-template-rows: auto;
-  justify-items: center;
-  align-items: center;
-  padding: 0 0 1px;
-  font-size: 11px;
-  color: rgb(242 242 240 / 58%);
-  min-width: 0;
-}
-
-.openpress-reader-app .openpress-thumb-card__index {
-  font-family: var(--openpress-mono, ui-monospace, monospace);
-  font-size: 11px;
-  letter-spacing: 0;
-  color: rgb(242 242 240 / 68%);
-}
-
-.openpress-reader-app .openpress-thumb-card.is-active .openpress-thumb-card__index {
-  color: var(--openpress-accent, #df4b21);
-}
-
-.openpress-reader-app .openpress-thumb-card__title {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  white-space: nowrap;
-}