@doxi/core 0.11.0

package/styles/dark.css

@@ -0,0 +1,36 @@
+/* @doxi/core dark.css — variable overrides only. Apply on top of base.css. */
+
+:root.dx-theme-dark,
+.dx-theme-dark,
+[data-doxiva-theme="dark"] {
+  --dx-color-text: #e8eaed;
+  --dx-color-muted: #9aa0a6;
+  --dx-color-bg: #202124;
+  --dx-color-selection: #1e3a5f;
+  --dx-color-accent: #8ab4f8;
+  --dx-color-border: #3c4043;
+  --dx-page-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --dx-toolbar-bg: #292a2d;
+  --dx-toolbar-fg: #e8eaed;
+}
+
+/*
+ * Auto theme — honor the host's prefers-color-scheme when the editor root
+ * (or :root) carries .dx-theme-auto. base.css supplies the light defaults,
+ * so we only need to override when the user prefers dark.
+ */
+@media (prefers-color-scheme: dark) {
+  :root.dx-theme-auto,
+  .dx-theme-auto,
+  [data-doxiva-theme="auto"] {
+    --dx-color-text: #e8eaed;
+    --dx-color-muted: #9aa0a6;
+    --dx-color-bg: #202124;
+    --dx-color-selection: #1e3a5f;
+    --dx-color-accent: #8ab4f8;
+    --dx-color-border: #3c4043;
+    --dx-page-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+    --dx-toolbar-bg: #292a2d;
+    --dx-toolbar-fg: #e8eaed;
+  }
+}

package/styles/light.css

@@ -0,0 +1,13 @@
+/* @doxi/core light.css — variable overrides only. Apply on top of base.css. */
+
+:root,
+.dx-theme-light {
+  --dx-color-text: #1a1a1a;
+  --dx-color-muted: #6b7280;
+  --dx-color-bg: #ffffff;
+  --dx-color-selection: #b3d7ff;
+  --dx-color-accent: #2563eb;
+  --dx-color-border: #e5e7eb;
+  --dx-toolbar-bg: #f9fafb;
+  --dx-toolbar-fg: #111827;
+}

package/styles/page.css

@@ -0,0 +1,93 @@
+/* @doxi/core page.css — visual chrome for the paginated editor.
+   Apply this stylesheet ON TOP of base.css when running in paginated mode. */
+
+:root {
+  --dx-page-bg: #ffffff;
+  --dx-page-edge: rgba(0, 0, 0, 0.08);
+  --dx-page-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
+  --dx-page-gap: 24px;
+  --dx-page-host-bg: #f4f5f7;
+}
+
+.dx-page-host {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--dx-page-gap);
+  padding: var(--dx-page-gap) 0;
+  background: var(--dx-page-host-bg);
+  min-height: 100%;
+}
+
+.dx-page {
+  position: relative;
+  background: var(--dx-page-bg);
+  box-shadow: var(--dx-page-shadow);
+  border-radius: 2px;
+  /* width + height set inline by the Paginator from resolved dimensions */
+  box-sizing: border-box;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+}
+
+.dx-page-header,
+.dx-page-footer {
+  font-size: 12px;
+  color: var(--dx-color-muted);
+  padding: 8px 96px;
+  min-height: 24px;
+  outline: none;
+}
+.dx-page-header[contenteditable="true"]:focus,
+.dx-page-footer[contenteditable="true"]:focus {
+  outline: 1px dashed var(--dx-color-accent);
+  outline-offset: -1px;
+}
+.dx-page-header[contenteditable="true"]:empty::before,
+.dx-page-footer[contenteditable="true"]:empty::before {
+  content: attr(data-placeholder);
+  color: var(--dx-color-muted);
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.dx-page-content {
+  position: relative;
+  /* padding set inline by the Paginator from resolved margins */
+  overflow: hidden;
+}
+
+.dx-page-number {
+  position: absolute;
+  bottom: 12px;
+  right: 16px;
+  font-size: 11px;
+  color: var(--dx-color-muted);
+  font-family: var(--dx-font-family);
+  user-select: none;
+}
+
+.dx-page-var {
+  display: inline;
+  font-variant-numeric: tabular-nums;
+}
+.dx-page-var[data-kind="pageNumber"],
+.dx-page-var[data-kind="totalPages"] {
+  /* nothing extra; inherits page-header/footer styling */
+}
+
+@media print {
+  .dx-page-host {
+    background: white;
+    padding: 0;
+    gap: 0;
+  }
+  .dx-page {
+    box-shadow: none;
+    border-radius: 0;
+    page-break-after: always;
+  }
+  .dx-page-number {
+    display: none;
+  }
+}

package/styles/print-a4.css

@@ -0,0 +1,87 @@
+/* @doxi/core print-a4.css — A4 variant of print.css.
+ *
+ * Same as print.css but with `@page { size: A4 }`. Consumers pick exactly
+ * one of the two files (or write their own override that comes after the
+ * imported file). We can't use CSS variables in @page rules in current
+ * browsers, so the consumer-side decision is which file to import.
+ */
+
+@page {
+  size: A4;
+  margin: 0;
+}
+
+@media print {
+  html, body {
+    background: #ffffff !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  /* Hide editor chrome: toolbars, app headers, hover affordances. */
+  .dx-toolbar,
+  .dx-toolbar-popover,
+  .app-header,
+  .app-subtitle,
+  .app-shell > header {
+    display: none !important;
+  }
+
+  /* Hide the on-screen-only "Page break" label. */
+  .dx-page-break::after {
+    display: none !important;
+  }
+
+  /* Hide the on-screen page-number badge — printed page numbers come from
+   * header/footer slot {pageNumber} variables once Tracks A+B land. */
+  .dx-page-number {
+    display: none !important;
+  }
+
+  /* Strip on-screen page chrome (shadows, margins) so the printed page
+   * uses the full physical page. */
+  .dx-page-host {
+    background: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+  }
+  .dx-page {
+    box-shadow: none !important;
+    border: none !important;
+    margin: 0 !important;
+    page-break-after: always !important;
+    break-after: page !important;   /* modern browsers */
+  }
+  .dx-page:last-child {
+    page-break-after: auto !important;
+    break-after: auto !important;
+  }
+
+  /* Application wrapper (in example apps) shouldn't add print margins. */
+  .app-editor-wrap,
+  .app-shell {
+    max-width: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+    border: none !important;
+  }
+
+  /* Hide the contenteditable outline. */
+  .dx-editor {
+    outline: none !important;
+  }
+
+  /* v0.5 audit: clear all selection-state visuals in print so the printed
+   * page never shows transient selection chrome that the user happened to
+   * leave on when triggering print. Covers table cell selection (Track 0
+   * shaded background + box-shadow) and image NodeSelection (outline). */
+  .dx-table-cell.dx-cell-selected {
+    background: none !important;
+    box-shadow: none !important;
+  }
+  .dx-image.dx-image-selected {
+    outline: none !important;
+  }
+}

package/styles/print.css

@@ -0,0 +1,88 @@
+/* @doxi/core print.css — overrides for `@media print` so on-screen
+ * pages render verbatim to PDF/print.
+ *
+ * @page sets the printed page size; default is US Letter. Consumers can
+ * ship `print-a4.css` (also in this directory) for A4. We can't use CSS
+ * variables in @page rules in current browsers, so the consumer-side
+ * decision is which file to import.
+ */
+
+@page {
+  size: 8.5in 11in;
+  margin: 0;
+}
+
+@media print {
+  html, body {
+    background: #ffffff !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  /* Hide editor chrome: toolbars, app headers, hover affordances. */
+  .dx-toolbar,
+  .dx-toolbar-popover,
+  .app-header,
+  .app-subtitle,
+  .app-shell > header {
+    display: none !important;
+  }
+
+  /* Hide the on-screen-only "Page break" label. */
+  .dx-page-break::after {
+    display: none !important;
+  }
+
+  /* Hide the on-screen page-number badge — printed page numbers come from
+   * header/footer slot {pageNumber} variables once Tracks A+B land. */
+  .dx-page-number {
+    display: none !important;
+  }
+
+  /* Strip on-screen page chrome (shadows, margins) so the printed page
+   * uses the full physical page. */
+  .dx-page-host {
+    background: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+  }
+  .dx-page {
+    box-shadow: none !important;
+    border: none !important;
+    margin: 0 !important;
+    page-break-after: always !important;
+    break-after: page !important;   /* modern browsers */
+  }
+  .dx-page:last-child {
+    page-break-after: auto !important;
+    break-after: auto !important;
+  }
+
+  /* Application wrapper (in example apps) shouldn't add print margins. */
+  .app-editor-wrap,
+  .app-shell {
+    max-width: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+    border: none !important;
+  }
+
+  /* Hide the contenteditable outline. */
+  .dx-editor {
+    outline: none !important;
+  }
+
+  /* v0.5 audit: clear all selection-state visuals in print so the printed
+   * page never shows transient selection chrome that the user happened to
+   * leave on when triggering print. Covers table cell selection (Track 0
+   * shaded background + box-shadow) and image NodeSelection (outline). */
+  .dx-table-cell.dx-cell-selected {
+    background: none !important;
+    box-shadow: none !important;
+  }
+  .dx-image.dx-image-selected {
+    outline: none !important;
+  }
+}