cosmos-docusaurus-theme 2.0.0 → 2.0.2

package/CHANGELOG.md

@@ -7,6 +7,37 @@ 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
+
+- **Tables full-width**: `display:table; width:100%` on desktop (>996px),
+  `display:block; overflow-x:auto` on mobile — responsive, never breaks layout
+
 ## [2.0.0] — 2026-03-10
 
 ### Added — Native Docusaurus component coverage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmos-docusaurus-theme",
-  "version": "2.0.0",
+  "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 {
@@ -397,6 +397,23 @@ code {
 
 /* ── Tables — direct overrides (CSS variables not reliably cascaded) ─────── */
 
+/* Full-width tables on desktop; scrollable on mobile.
+   Infima forces display:block which caps width — we override for desktop,
+   and restore scrollable block on narrow viewports. */
+.markdown table {
+  display: table !important;
+  width: 100% !important;
+}
+
+@media (width <= 996px) {
+  .markdown table {
+    display: block !important;
+    overflow-x: auto !important;
+    max-width: 100% !important;
+    width: max-content !important;
+  }
+}
+
 /* Dark mode — Infima applies --ifm-table-head-background directly on th,
    so we must target th explicitly (higher specificity than thead).           */
 [data-theme='dark'] table {
@@ -1240,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}"; }`,
+          },
+        ],
+      };
+    },
   };
 }