@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

package/build/src/styles/presets/envoy/theme/EditMetaRow/style.css

@@ -0,0 +1,67 @@
+/**
+ * Envoy - `EditMetaRow` theme overlay.
+ *
+ * The bottom-of-page edit + last-updated row on standalone MDX pages
+ * (e.g., `/manifesto`). Hairline neutral divider above, Inter body voice,
+ * muted neutral ink that warms to violet on hover. Mirrors the typography
+ * tokens used by `ContentFooter/Edit` so the row reads consistently
+ * whether it appears under a doc article or a standalone page.
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 1. Container - top hairline divider
+ * ============================ */
+
+.nova-edit-meta-row {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  padding-top: 1rem;
+
+  border-top: 1px solid var(--nova-color-border);
+}
+
+[data-theme="dark"] .nova-edit-meta-row {
+  border-top-color: var(--nova-envoy-border);
+}
+
+/* ============================
+ * 2. Edit this page link - muted, warms to violet
+ * ============================ */
+
+.nova-edit-meta-row .nova-edit-this-page {
+  font-size: 0.875rem;
+  color: var(--nova-envoy-text-muted);
+
+  text-decoration: none;
+
+  transition: color var(--nova-motion-duration) ease;
+}
+
+.nova-edit-meta-row .nova-edit-this-page:hover,
+.nova-edit-meta-row .nova-edit-this-page:focus-visible {
+  color: var(--nova-color-primary-500);
+}
+
+[data-theme="dark"] .nova-edit-meta-row .nova-edit-this-page {
+  color: var(--nova-envoy-text-muted);
+}
+
+[data-theme="dark"] .nova-edit-meta-row .nova-edit-this-page:hover,
+[data-theme="dark"] .nova-edit-meta-row .nova-edit-this-page:focus-visible {
+  color: var(--nova-color-primary-400);
+}
+
+/* ============================
+ * 3. Last updated stamp
+ * ============================ */
+
+.nova-edit-meta-row .nova-last-updated {
+  font-size: 0.875rem;
+  color: var(--nova-envoy-text-muted);
+}
+
+[data-theme="dark"] .nova-edit-meta-row .nova-last-updated {
+  color: var(--nova-envoy-text-muted);
+}

package/build/src/styles/presets/envoy/theme/EditThisPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Envoy - `EditThisPage` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/EditThisPage/style.css. Add Envoy-specific identity rules here when the
+ * design calls for them; see preset.css for tokens and conventions.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/envoy/theme/Error/style.css

@@ -0,0 +1,10 @@
+/**
+ * Envoy - `Error` theme overlay.
+ *
+ * Per-surface stub - cross-cutting identity for all error surfaces lives on
+ * the umbrella `.nova-error-surface` overlay at
+ * presets/envoy/theme/error-surface/style.css. Add per-surface deltas here
+ * only when this surface needs to differ from the umbrella.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/envoy/theme/ErrorPageContent/style.css

@@ -0,0 +1,10 @@
+/**
+ * Envoy - `ErrorPageContent` theme overlay.
+ *
+ * Per-surface stub - cross-cutting identity for all error surfaces lives on
+ * the umbrella `.nova-error-surface` overlay at
+ * presets/envoy/theme/error-surface/style.css. Add per-surface deltas here
+ * only when this surface needs to differ from the umbrella.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/envoy/theme/Footer/Commons/style.css

@@ -1,5 +1,9 @@
 /**
- * Envoy — Footer (Commons) variant visual styling.
+ * Envoy - `Footer/Commons` theme overlay.
+ *
+ * Community-focused footer on a deep violet ground with section grids,
+ * a centered social row bordered by a hairline frame, and a primary ->
+ * accent gradient CTA signature that brightens on hover.
  *
  * @since 0.15.0
  */
@@ -17,12 +21,12 @@
  * ============================ */
 
 .nova-footer-commons {
-  background-color: var(--nova-envoy-bg-dark, #0f0a1a);
-  color: var(--nova-color-neutral-300);
+  background-color: var(--nova-envoy-bg, #0f0a1a);
+  color: var(--nova-color-text-muted);
   padding-top: 2.5rem;
   padding-bottom: 1.5rem;
   margin-top: 2.5rem;
-  border-top: 1px solid var(--nova-envoy-border-dark);
+  border-top: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 @media (min-width: 768px) {
@@ -64,16 +68,16 @@
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--nova-color-neutral-100);
+  color: var(--nova-color-text-muted);
   margin-bottom: 1rem;
 }
 
 .nova-footer-commons-sections nav a {
   padding: 0.3125rem 0;
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
   text-decoration: none;
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 .nova-footer-commons-sections nav a:hover,
@@ -89,8 +93,8 @@
 .nova-footer-commons-social {
   justify-content: center;
   padding: 1.5rem 0;
-  border-top: 1px solid color-mix(in srgb, var(--nova-color-primary-500), transparent 85%);
-  border-bottom: 1px solid color-mix(in srgb, var(--nova-color-primary-500), transparent 85%);
+  border-top: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
+  border-bottom: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 .nova-footer-commons-social a {
@@ -99,18 +103,18 @@
   justify-content: center;
   width: 36px;
   height: 36px;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
   background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 90%);
   border-radius: 50%;
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-              background-color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-              transform 200ms cubic-bezier(0.22, 1, 0.36, 1),
-              box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing),
+              background-color var(--nova-motion-duration) var(--nova-motion-easing),
+              transform var(--nova-motion-duration) var(--nova-motion-easing),
+              box-shadow var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 .nova-footer-commons-social a:hover,
 .nova-footer-commons-social a:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   background-color: var(--nova-color-primary-600);
   box-shadow: 0 4px 12px color-mix(in srgb, var(--nova-color-primary-500), transparent 75%);
   transform: translateY(-2px);
@@ -127,6 +131,62 @@
 
 .nova-footer-commons-legal p {
   font-size: 0.8125rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
+  margin: 0;
+}
+
+/* ============================
+ * CTA - preset signature.
+ * ============================ */
+
+.nova-footer-commons-cta {
+  position: relative;
+
+  padding-block: 3.5rem;
+
+  text-align: center;
+
+  background: linear-gradient(135deg, var(--nova-color-primary-600) 0%, var(--nova-color-primary-700) 60%, var(--nova-color-accent-600) 100%);
+
+  overflow: hidden;
+}
+
+.nova-footer-commons-cta::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+  content: "";
+
+  background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
+
+  pointer-events: none;
+}
+
+[data-theme="dark"] .nova-footer-commons-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-800) 0%, var(--nova-color-primary-900) 60%, color-mix(in srgb, var(--nova-color-accent-500), transparent 85%) 100%);
+}
+
+.nova-footer-commons-cta p {
+  position: relative;
+
   margin: 0;
+
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--nova-color-text-inverse);
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+}
+
+.nova-footer-commons-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-commons-cta:hover,
+.nova-footer-commons-cta:focus-visible {
+  filter: brightness(1.12);
 }

package/build/src/styles/presets/envoy/theme/Footer/Embassy/style.css

@@ -1,5 +1,9 @@
 /**
- * Envoy — Footer (Embassy) variant visual styling.
+ * Envoy - `Footer/Embassy` theme overlay.
+ *
+ * Directory-style footer with a quiet social header above multi-column
+ * link sections and a legal bar, all on the surface-light wash. CTA
+ * signature uses the primary -> accent gradient with brighten-on-hover.
  *
  * @since 0.15.0
  */
@@ -17,14 +21,14 @@
  * ============================ */
 
 .nova-footer-embassy {
-  background-color: var(--nova-envoy-bg-light);
-  border-top: 1px solid var(--nova-envoy-border-light);
+  background-color: var(--nova-envoy-bg);
+  border-top: 1px solid var(--nova-envoy-border);
   padding: 0;
 }
 
 [data-theme="dark"] .nova-footer-embassy {
-  background-color: var(--nova-envoy-surface-dark);
-  border-top-color: var(--nova-envoy-border-dark);
+  background-color: var(--nova-envoy-surface);
+  border-top-color: var(--nova-envoy-border);
 }
 
 /* ============================
@@ -42,12 +46,12 @@
 }
 
 .nova-footer-embassy-social a {
-  color: var(--nova-color-neutral-500);
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  color: var(--nova-color-text-muted);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 [data-theme="dark"] .nova-footer-embassy-social a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-social a:hover,
@@ -89,24 +93,24 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.08em;
-  color: var(--nova-color-neutral-700);
+  color: var(--nova-color-text);
   margin-bottom: 0.75rem;
 }
 
 [data-theme="dark"] .nova-footer-embassy-directory nav h3 {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-directory nav a {
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   padding: 0.25rem 0;
   text-decoration: none;
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 [data-theme="dark"] .nova-footer-embassy-directory nav a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-directory nav a:hover,
@@ -155,7 +159,7 @@
 
 .nova-footer-embassy-legal {
   padding-block: 0.75rem;
-  border-top: 1px solid var(--nova-envoy-border-light);
+  border-top: 1px solid var(--nova-envoy-border);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -164,12 +168,12 @@
 }
 
 [data-theme="dark"] .nova-footer-embassy-legal {
-  border-top-color: var(--nova-envoy-border-dark);
+  border-top-color: var(--nova-envoy-border);
 }
 
 .nova-footer-embassy-legal p {
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin: 0;
 }
 
@@ -181,3 +185,59 @@
     padding-block: 1rem;
   }
 }
+
+/* ============================
+ * CTA - preset signature.
+ * ============================ */
+
+.nova-footer-embassy-cta {
+  position: relative;
+
+  padding-block: 3.5rem;
+
+  text-align: center;
+
+  background: linear-gradient(135deg, var(--nova-color-primary-600) 0%, var(--nova-color-primary-700) 60%, var(--nova-color-accent-600) 100%);
+
+  overflow: hidden;
+}
+
+.nova-footer-embassy-cta::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+  content: "";
+
+  background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
+
+  pointer-events: none;
+}
+
+[data-theme="dark"] .nova-footer-embassy-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-800) 0%, var(--nova-color-primary-900) 60%, color-mix(in srgb, var(--nova-color-accent-500), transparent 85%) 100%);
+}
+
+.nova-footer-embassy-cta p {
+  position: relative;
+
+  margin: 0;
+
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--nova-color-text-inverse);
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+}
+
+.nova-footer-embassy-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-embassy-cta:hover,
+.nova-footer-embassy-cta:focus-visible {
+  filter: brightness(1.12);
+}

package/build/src/styles/presets/envoy/theme/Footer/Launchpad/style.css

@@ -1,5 +1,8 @@
 /**
- * Envoy — Footer (Launchpad) visual styling.
+ * Envoy - `Footer/Launchpad` theme overlay.
+ *
+ * Action-oriented footer with a primary -> accent gradient CTA leading
+ * into compact link columns and a centered social strip with hover lift.
  *
  * @since 0.15.0
  */
@@ -20,20 +23,20 @@
 .nova-footer-launchpad {
   font-size: 0.875rem;
 
-  background-color: var(--nova-color-neutral-50);
-  border-top: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  border-top: 1px solid var(--nova-color-border);
 }
 
 [data-theme="dark"] .nova-footer-launchpad {
-  background-color: var(--nova-envoy-surface-dark);
-  border-top-color: var(--nova-envoy-border-dark);
+  background-color: var(--nova-envoy-surface);
+  border-top-color: color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 /* ============================
  * 3. CTA Section
  * ============================ */
 
-/* CTA section — warm violet-to-cyan gradient, inviting call-to-action. */
+/* CTA section - warm violet-to-cyan gradient, inviting call-to-action. */
 .nova-footer-launchpad-cta {
   position: relative;
 
@@ -72,7 +75,7 @@
   font-family: var(--nova-font-display);
   font-size: 1.25rem;
   font-weight: 700;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   line-height: 1.4;
   letter-spacing: -0.01em;
 }
@@ -87,7 +90,7 @@
  * 4. Link Columns
  * ============================ */
 
-/* Link columns below the CTA — uses nova-container from the TSX. */
+/* Link columns below the CTA - uses nova-container from the TSX. */
 .nova-footer-launchpad-columns {
   display: flex;
   flex-direction: column;
@@ -127,18 +130,18 @@
   font-family: var(--nova-font-display);
   font-size: 0.75rem;
   font-weight: 700;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.06em;
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav h3 {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-launchpad-columns nav a {
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-600);
+  color: var(--nova-color-text-muted);
 
   text-decoration: none;
 
@@ -153,7 +156,7 @@
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav a:hover,
@@ -180,20 +183,20 @@
   width: 36px;
   height: 36px;
 
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 
-  background-color: var(--nova-color-neutral-100);
+  background-color: var(--nova-color-surface-raised);
   border-radius: 50%;
 
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    background-color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    transform 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing),
+    background-color var(--nova-motion-duration) var(--nova-motion-easing),
+    transform var(--nova-motion-duration) var(--nova-motion-easing),
+    box-shadow var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 .nova-footer-launchpad-social a:hover,
 .nova-footer-launchpad-social a:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
 
   background-color: var(--nova-color-primary-600);
   box-shadow: 0 4px 12px color-mix(in srgb, var(--nova-color-primary-500), transparent 75%);
@@ -204,14 +207,14 @@
 }
 
 [data-theme="dark"] .nova-footer-launchpad-social a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 
   background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 90%);
 }
 
 [data-theme="dark"] .nova-footer-launchpad-social a:hover,
 [data-theme="dark"] .nova-footer-launchpad-social a:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text);
 
   background-color: var(--nova-color-primary-500);
 }
@@ -228,18 +231,18 @@
   gap: 0.5rem;
   padding-block: 1rem;
 
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
 }
 
 [data-theme="dark"] .nova-footer-launchpad-legal {
-  border-top-color: var(--nova-envoy-border-dark);
+  border-top-color: color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 .nova-footer-launchpad-legal p {
   margin: 0;
 
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
   text-align: center;
 }
 
@@ -250,8 +253,17 @@
 
 /* Social media icons have a playful lift on hover. */
 .nova-footer-launchpad-social a {
-  transition: color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    background-color 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    transform 200ms cubic-bezier(0.22, 1, 0.36, 1),
-    box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing),
+    background-color var(--nova-motion-duration) var(--nova-motion-easing),
+    transform var(--nova-motion-duration) var(--nova-motion-easing),
+    box-shadow var(--nova-motion-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-launchpad-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-launchpad-cta:hover,
+.nova-footer-launchpad-cta:focus-visible {
+  filter: brightness(1.12);
 }