@nukipa/post-content 0.2.1 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nukipa/post-content",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Framework-agnostic processor for Nukipa CMS post bodies — markdown + component markers + citations → HTML + interactive island descriptors.",
   "license": "MIT",
   "author": "Nukipa Labs",

package/styles.css

@@ -1,14 +1,52 @@
 /*
- * Material Icons — pulled at the top so the @font-face rule wins the
- * cascade before any of our `.material-icons` selectors below. The
- * renderer emits glyph names verbatim (`help_outline`, `expand_more`,
- * `arrow_forward`, `chevron_left`, `chevron_right`, plus whatever
- * stage icons the post author picked); without this font those names
- * render as literal text. To self-host (offline, privacy, or perf
- * reasons): drop this @import, host the same font + matching CSS at
- * the host, and the rest of this stylesheet keeps working unchanged.
+ * Material Icons — declared inline so it works regardless of where
+ * this stylesheet lands in the bundle.
+ *
+ * We used to `@import url("https://fonts.googleapis.com/icon?family=Material+Icons")`,
+ * but the CSS spec requires every `@import` rule to appear BEFORE
+ * any other rule in the document; modern bundlers (Next.js/webpack,
+ * Vite) concatenate consumer styles (Tailwind, next/font, globals.css)
+ * ahead of package CSS, pushing the @import past other rules where
+ * browsers silently ignore it.
+ *
+ * The renderer emits glyph names verbatim (`help_outline`,
+ * `expand_more`, `arrow_forward`, `chevron_left`, `chevron_right`,
+ * plus whatever stage icons the post author picked); without the
+ * font those names render as literal text. The src URL is Google's
+ * gstatic CDN — old versions stay accessible indefinitely, so the
+ * pinned `v143` is durable. To self-host: replace the @font-face
+ * src with your own woff2 URL and keep the `.material-icons` rules
+ * below as-is.
  */
-@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
+@font-face {
+  font-family: "Material Icons";
+  font-style:  normal;
+  font-weight: 400;
+  /* Two formats: WOFF2 first (modern browsers), TTF fallback (older).
+     Both versioned URLs come from Google's own current /icon?family=
+     CSS — gstatic keeps old versions reachable indefinitely so the
+     pin is durable. The previous pin (`v143/...IuiaDsNZ.woff2`) was
+     stale and 404'd in production. */
+  src:
+    url("https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format("woff2"),
+    url("https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf") format("truetype");
+  font-display: swap;
+}
+.material-icons {
+  font-family:   "Material Icons";
+  font-weight:   normal;
+  font-style:    normal;
+  font-size:     24px;
+  line-height:   1;
+  letter-spacing: normal;
+  text-transform: none;
+  display:       inline-block;
+  white-space:   nowrap;
+  word-wrap:     normal;
+  direction:     ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing:        antialiased;
+}
 
 /*
  * Nukipa post-content default stylesheet.
@@ -86,7 +124,15 @@
   color: var(--color-text-muted, #51646A);
   margin: 1.2em 0;
 }
-.prose-body ul, .prose-body ol { padding-left: 1.4em; margin: 0 0 1.1em; }
+/* `list-style-type` is set explicitly because Tailwind's preflight
+   reset declares `ul, ol { list-style: none }`. Without our own
+   `disc` / `decimal` the renderer's markdown lists ship without
+   bullets / numbers. The selector specificity wins (`.prose-body ul`
+   > `ul`) so this works regardless of layer order. */
+.prose-body ul { padding-left: 1.4em; margin: 0 0 1.1em; list-style-type: disc; }
+.prose-body ol { padding-left: 1.4em; margin: 0 0 1.1em; list-style-type: decimal; }
+.prose-body ul ul   { list-style-type: circle; }
+.prose-body ul ul ul { list-style-type: square; }
 .prose-body li { margin: 0.3em 0; }
 
 /* ───── Component wrapper (every bp-* gets one) ────────────────────── */