@vantagecompute/docusaurus-theme 0.2.3 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vantagecompute/docusaurus-theme",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "Shared Vantage Compute Docusaurus theme — design system, brand assets, and common theme overrides for all vantagecompute documentation sites.",
   "license": "MIT",
   "main": "lib/index.cjs",

package/src/css/custom.css

@@ -1881,6 +1881,23 @@ article {
 }
 
 
+/* ── Navbar version badge ──────────────────────────────────────────── */
+.navbar__brand-with-version {
+  display: flex;
+  align-items: center;
+  gap: 0;
+}
+
+.navbar__version-badge {
+  font-size: 0.7rem;
+  font-weight: 500;
+  opacity: 0.55;
+  color: var(--vantage-navbar-text);
+  white-space: nowrap;
+  letter-spacing: 0.01em;
+  padding-left: 6px;
+}
+
 /* Chat sidebar  -  push layout (navbar excluded) */
 .main-wrapper {
   transition: margin-right 0.3s ease-in-out;

package/src/theme/Navbar/Logo/index.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Logo from '@theme-original/Navbar/Logo';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+
+export default function LogoWrapper(props) {
+  const {siteConfig} = useDocusaurusContext();
+  const version = siteConfig.customFields?.projectVersion;
+
+  return (
+    <div className="navbar__brand-with-version">
+      <Logo {...props} />
+      {version && (
+        <span className="navbar__version-badge">
+          {String(version).startsWith('v') ? version : `v${version}`}
+        </span>
+      )}
+    </div>
+  );
+}