vantage-md 0.5.5 → 0.5.7

package/dist/styles.css

@@ -1,262 +1,18 @@
-/* src/styles/line-anchor.css */
-.line-anchor-highlight {
-  background: rgb(59 130 246 / 0.08);
-  border-left: 3px solid rgb(59 130 246 / 0.5);
-  padding-left: 12px;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background 0.2s;
-  scroll-margin-top: 32px;
-}
-.line-anchor-highlight:hover {
-  background: rgb(59 130 246 / 0.12);
-}
-.dark .line-anchor-highlight {
-  background: rgb(59 130 246 / 0.1);
-  border-left-color: rgb(96 165 250 / 0.5);
-}
-.dark .line-anchor-highlight:hover {
-  background: rgb(59 130 246 / 0.16);
-}
+/* vantage-md styles
+ *
+ * Import this file to get the line-anchor highlight styles, the theme layer for
+ * the `data-vantage-*` directive attributes, the chrome chips
+ * (`FrontmatterDisplay`'s document status chip), and the task-list treatment.
+ * Usage: import "vantage-md/styles";
+ *
+ * Both halves of the directive wiring are load-bearing. Without this re-export
+ * the published package and the package's own <MarkdownViewer> ship no
+ * directive CSS, while the app — which imports the same file by relative
+ * source path — looks perfect: a D5 break with no symptom where anyone would
+ * see it.
+ */
 
-/* src/styles/directives.css */
-:root {
-  --vantage-tone-note-accent: #2563eb;
-  --vantage-tone-note-wash: rgb(37 99 235 / 0.06);
-  --vantage-tone-note-chip: rgb(37 99 235 / 0.12);
-  --vantage-tone-note-ink: #1d4ed8;
-  --vantage-tone-tip-accent: #15803d;
-  --vantage-tone-tip-wash: rgb(22 163 74 / 0.06);
-  --vantage-tone-tip-chip: rgb(22 163 74 / 0.12);
-  --vantage-tone-tip-ink: #15803d;
-  --vantage-tone-important-accent: #7c3aed;
-  --vantage-tone-important-wash: rgb(124 58 237 / 0.06);
-  --vantage-tone-important-chip: rgb(124 58 237 / 0.12);
-  --vantage-tone-important-ink: #6d28d9;
-  --vantage-tone-warning-accent: #b45309;
-  --vantage-tone-warning-wash: rgb(245 158 11 / 0.07);
-  --vantage-tone-warning-chip: rgb(245 158 11 / 0.14);
-  --vantage-tone-warning-ink: #b45309;
-  --vantage-tone-caution-accent: #dc2626;
-  --vantage-tone-caution-wash: rgb(220 38 38 / 0.06);
-  --vantage-tone-caution-chip: rgb(220 38 38 / 0.12);
-  --vantage-tone-caution-ink: #b91c1c;
-  --vantage-tone-muted-accent: #94a3b8;
-  --vantage-tone-muted-wash: rgb(100 116 139 / 0.06);
-  --vantage-tone-muted-chip: rgb(100 116 139 / 0.12);
-  --vantage-tone-muted-ink: #475569;
-  --vantage-tone-rule-width: 3px;
-  --vantage-tone-rule-offset: 0.75rem;
-  --vantage-tone-run-bleed: 2.5rem;
-}
-.dark {
-  --vantage-tone-note-accent: #60a5fa;
-  --vantage-tone-note-wash: rgb(96 165 250 / 0.1);
-  --vantage-tone-note-chip: rgb(59 130 246 / 0.22);
-  --vantage-tone-note-ink: #93c5fd;
-  --vantage-tone-tip-accent: #4ade80;
-  --vantage-tone-tip-wash: rgb(74 222 128 / 0.1);
-  --vantage-tone-tip-chip: rgb(34 197 94 / 0.22);
-  --vantage-tone-tip-ink: #86efac;
-  --vantage-tone-important-accent: #a78bfa;
-  --vantage-tone-important-wash: rgb(167 139 250 / 0.1);
-  --vantage-tone-important-chip: rgb(139 92 246 / 0.22);
-  --vantage-tone-important-ink: #c4b5fd;
-  --vantage-tone-warning-accent: #fbbf24;
-  --vantage-tone-warning-wash: rgb(245 158 11 / 0.1);
-  --vantage-tone-warning-chip: rgb(245 158 11 / 0.18);
-  --vantage-tone-warning-ink: #fcd34d;
-  --vantage-tone-caution-accent: #f87171;
-  --vantage-tone-caution-wash: rgb(248 113 113 / 0.1);
-  --vantage-tone-caution-chip: rgb(239 68 68 / 0.2);
-  --vantage-tone-caution-ink: #fca5a5;
-  --vantage-tone-muted-accent: #64748b;
-  --vantage-tone-muted-wash: rgb(148 163 184 / 0.08);
-  --vantage-tone-muted-chip: rgb(148 163 184 / 0.22);
-  --vantage-tone-muted-ink: #cbd5e1;
-}
-[data-vantage-tone=note] {
-  --vantage-tone-accent: var(--vantage-tone-note-accent);
-  --vantage-tone-wash: var(--vantage-tone-note-wash);
-  --vantage-tone-chip: var(--vantage-tone-note-chip);
-  --vantage-tone-ink: var(--vantage-tone-note-ink);
-}
-[data-vantage-tone=tip] {
-  --vantage-tone-accent: var(--vantage-tone-tip-accent);
-  --vantage-tone-wash: var(--vantage-tone-tip-wash);
-  --vantage-tone-chip: var(--vantage-tone-tip-chip);
-  --vantage-tone-ink: var(--vantage-tone-tip-ink);
-}
-[data-vantage-tone=important] {
-  --vantage-tone-accent: var(--vantage-tone-important-accent);
-  --vantage-tone-wash: var(--vantage-tone-important-wash);
-  --vantage-tone-chip: var(--vantage-tone-important-chip);
-  --vantage-tone-ink: var(--vantage-tone-important-ink);
-}
-[data-vantage-tone=warning] {
-  --vantage-tone-accent: var(--vantage-tone-warning-accent);
-  --vantage-tone-wash: var(--vantage-tone-warning-wash);
-  --vantage-tone-chip: var(--vantage-tone-warning-chip);
-  --vantage-tone-ink: var(--vantage-tone-warning-ink);
-}
-[data-vantage-tone=caution] {
-  --vantage-tone-accent: var(--vantage-tone-caution-accent);
-  --vantage-tone-wash: var(--vantage-tone-caution-wash);
-  --vantage-tone-chip: var(--vantage-tone-caution-chip);
-  --vantage-tone-ink: var(--vantage-tone-caution-ink);
-}
-[data-vantage-tone=muted] {
-  --vantage-tone-accent: var(--vantage-tone-muted-accent);
-  --vantage-tone-wash: var(--vantage-tone-muted-wash);
-  --vantage-tone-chip: var(--vantage-tone-muted-chip);
-  --vantage-tone-ink: var(--vantage-tone-muted-ink);
-}
-[data-vantage-tone] {
-  position: relative;
-}
-[data-vantage-tone]::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(var(--vantage-tone-heading-gutter, 0em) - var(--vantage-tone-rule-offset));
-  width: var(--vantage-tone-rule-width);
-  border-radius: var(--vantage-tone-rule-width);
-  background-color: var(--vantage-tone-accent);
-  pointer-events: none;
-}
-[data-vantage-tone]:is([data-vantage-run=middle], [data-vantage-run=end])::before {
-  top: calc(-1 * var(--vantage-tone-run-bleed));
-}
-[data-vantage-tone]:is(pre, hr) {
-  overflow: visible;
-}
-pre[data-vantage-tone] > code {
-  display: block;
-  overflow-x: auto;
-}
-hr[data-vantage-tone]:is([data-vantage-run=middle], [data-vantage-run=end])::before {
-  top: -3.5em;
-}
-hr[data-vantage-tone]:is([data-vantage-run=start], [data-vantage-run=middle])::before {
-  bottom: -3.5em;
-}
-[data-vantage-tone]:where([data-vantage-run=only]) {
-  background-color: var(--vantage-tone-wash);
-  border-radius: 4px;
-}
-[data-vantage-emphasis=strong] {
-  --vantage-tone-rule-width: 4px;
-}
-[data-vantage-emphasis=strong]:not(:is(h1, h2, h3, h4, h5, h6, pre, table)) {
-  font-weight: 500;
-}
-[data-vantage-emphasis=quiet] {
-  --vantage-tone-rule-width: 2px;
-  opacity: 0.72;
-}
-.vantage-chip,
-[data-vantage-badge]::after {
-  display: inline-block;
-  padding: 1px 8px;
-  border-radius: 4px;
-  font-family: inherit;
-  font-size: var(--vantage-chip-size, 11px);
-  font-weight: 600;
-  line-height: 1.6;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  white-space: nowrap;
-  vertical-align: 0.12em;
-  color: var(--vantage-chip-ink, var(--vantage-tone-muted-ink));
-  background-color: var(--vantage-chip-wash, var(--vantage-tone-muted-chip));
-}
-[data-vantage-badge]::after {
-  content: attr(data-vantage-badge);
-  margin-left: 0.5em;
-  font-weight: 600;
-  --vantage-chip-size: clamp(10px, 0.5em, 12px);
-}
-[data-vantage-badge=wip]::after,
-.vantage-chip--note {
-  --vantage-chip-ink: var(--vantage-tone-note-ink);
-  --vantage-chip-wash: var(--vantage-tone-note-chip);
-}
-[data-vantage-badge=done]::after,
-.vantage-chip--tip {
-  --vantage-chip-ink: var(--vantage-tone-tip-ink);
-  --vantage-chip-wash: var(--vantage-tone-tip-chip);
-}
-[data-vantage-badge=stale]::after,
-.vantage-chip--warning {
-  --vantage-chip-ink: var(--vantage-tone-warning-ink);
-  --vantage-chip-wash: var(--vantage-tone-warning-chip);
-}
-[data-vantage-badge=blocked]::after,
-.vantage-chip--caution {
-  --vantage-chip-ink: var(--vantage-tone-caution-ink);
-  --vantage-chip-wash: var(--vantage-tone-caution-chip);
-}
-[data-vantage-badge=draft]::after,
-.vantage-chip--muted {
-  --vantage-chip-ink: var(--vantage-tone-muted-ink);
-  --vantage-chip-wash: var(--vantage-tone-muted-chip);
-}
-.vantage-chip--important {
-  --vantage-chip-ink: var(--vantage-tone-important-ink);
-  --vantage-chip-wash: var(--vantage-tone-important-chip);
-}
-.vantage-chrome {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.75rem;
-}
-@media not print {
-  [data-vantage-collapse-ready] [data-vantage-collapsed=true][data-vantage-collapse-armed] {
-    display: none;
-  }
-}
-.vantage-collapse-caret {
-  display: inline-block;
-  width: 1em;
-  margin: 0 0.15em 0 0;
-  padding: 0;
-  border: 0;
-  background-color: transparent;
-  color: var(--vantage-tone-muted-accent);
-  font-size: 0.7em;
-  line-height: 1;
-  vertical-align: 0.15em;
-  cursor: pointer;
-  transition: transform 0.15s;
-}
-.vantage-collapse-caret::before {
-  content: "\25be";
-}
-[data-vantage-collapse-toggle] .vantage-collapse-caret[aria-expanded=false] {
-  transform: rotate(-90deg);
-}
-@media print {
-  [data-vantage-tone]::before {
-    background-color: #57606a;
-  }
-  [data-vantage-tone]:where([data-vantage-run=only]) {
-    background-color: transparent;
-  }
-  [data-vantage-emphasis=quiet] {
-    opacity: 1;
-  }
-  .vantage-chip,
-  [data-vantage-badge]::after {
-    padding: 0 6px;
-    border: 1px solid #57606a;
-    background-color: transparent;
-    color: #1a1a1a;
-  }
-  .vantage-collapse-caret {
-    display: none;
-  }
-}
-
-/* src/styles/index.css */
+@import "./line-anchor.css";
+@import "./directives.css";
+/* After directives.css, which declares the tone palette this reads. */
+@import "./task-list.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vantage-md",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "description": "Markdown rendering pipeline with GitHub-style line anchors, mermaid diagrams, KaTeX math, and syntax highlighting",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -34,13 +34,14 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build",
     "lint": "eslint . --max-warnings 0",
     "format": "prettier --write 'src/**/*.{ts,tsx}' '*.{ts,js,json}'",
-    "format:check": "prettier --check 'src/**/*.{ts,tsx}' '*.{ts,js,json}'"
+    "format:check": "prettier --check 'src/**/*.{ts,tsx}' '*.{ts,js,json}'",
+    "typecheck:published": "node scripts/typecheck-published.mjs"
   },
   "keywords": [
     "markdown",
@@ -107,8 +108,9 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-markdown": "^10.1.0",
-    "tsup": "^8.0.0",
+    "tsdown": "^0.22.14",
     "typescript": "~6.0.3",
+    "typescript-5": "npm:typescript@~5.9.3",
     "typescript-eslint": "^8.63.0"
   }
 }