cosmos-docusaurus-theme 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -7,6 +7,30 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ---
 
+## [2.0.2] — 2026-03-11
+
+### Added
+
+- **Dynamic version badge** — sidebar badge now reads version from `package.json` at
+  build time via `injectHtmlTags()` in `src/index.js`; no longer hardcoded in CSS.
+  Consumers upgrading the package will see the correct version without any manual edit.
+
+### Changed
+
+- **Font weights** — Outfit loaded with 4 weights (`400;500;600;700`) instead of 6
+  (`300;400;500;600;700;800`) — `300` and `800` were unused, reducing Google Fonts payload
+- **demo/package.json** — `cosmos-docusaurus-theme: "latest"` → `"^2"` to prevent
+  pulling an unexpected future major version at Docker build time
+- **Dockerfile** — simplified: only `demo/` is copied (no longer needs the full project
+  tree since `file:..` dependency is replaced by `^2` from npm); proper layer caching
+  with `package.json` copied before source files
+- **workflow_dispatch default** — `ref` input default updated from `v2.0.0` → `v2.0.2`
+
+### Removed
+
+- Hardcoded `:root { --cosmos-version: "cosmos v1.2.6" }` from `theme.css`
+  (superseded by `injectHtmlTags()` injection)
+
 ## [2.0.1] — 2026-03-10
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmos-docusaurus-theme",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A clean, dark-first Docusaurus CSS theme based on TailAdmin design system with Outfit typography",
   "keywords": [
     "docusaurus",

package/src/css/theme.css

@@ -17,7 +17,7 @@
  */
 
 /* ── Outfit + JetBrains Mono fonts ───────────────────────────────────────── */
-@import 'https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap';
+@import 'https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap';
 
 /* ── Light mode ──────────────────────────────────────────────────────────── */
 :root {
@@ -1257,10 +1257,6 @@ details > :not(summary) {
    Converting it to flex-column + making the scrollable nav flex:1 means the
    ::after pseudo-element is a flex-child OUTSIDE the scroll area — always
    pinned to the bottom regardless of content height or scroll position. */
-:root {
-  --cosmos-version: "cosmos v1.2.6";
-}
-
 /* Sidebar viewport — flex column so version badge is always pinned at the bottom.
    Targets the CSS-module class via attribute substring match (Docusaurus 3). */
 [class*="sidebarViewport"] {

package/src/index.js

@@ -15,6 +15,7 @@
 'use strict';
 
 const path = require('path');
+const { version } = require('../package.json');
 
 /**
  * @param {import('@docusaurus/types').LoadContext} _context
@@ -34,6 +35,23 @@ function cosmosDocusaurusTheme(_context, _options) {
     getClientModules() {
       return [path.resolve(__dirname, 'css/theme.css')];
     },
+
+    /**
+     * Inject the package version as a CSS custom property so the sidebar
+     * version badge stays in sync with package.json automatically.
+     *
+     * @returns {import('@docusaurus/types').HtmlTags}
+     */
+    injectHtmlTags() {
+      return {
+        headTags: [
+          {
+            tagName: 'style',
+            innerHTML: `:root { --cosmos-version: "cosmos v${version}"; }`,
+          },
+        ],
+      };
+    },
   };
 }