@nukipa/post-content 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nukipa/post-content",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "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,45 @@
 /*
- * 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;
+  src:         url("https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.woff2") format("woff2");
+  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.