@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

package/build/src/styles/presets/foundry/{components → blocks}/app-market-download/style.css

@@ -1,57 +1,54 @@
 /**
- * Foundry — App market download visual styling.
+ * Foundry - App market download visual styling.
  *
  * @since 0.15.0
  */
 
-/* ============================
- * 1. Section
- * ============================ */
-
-/* ============================
- * 2. Label
- * ============================ */
+/**
+ * ============================
+ * 1. Label
+ * ============================
+ */
 
 .nova-app-market-download-label {
   font-size: 0.875rem;
   font-weight: 500;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin-bottom: 1rem;
 }
 
-[data-theme="dark"] .nova-app-market-download-label {
-  color: var(--nova-color-neutral-400);
-}
-
-/* ============================
- * 3. Button
- * ============================ */
+/**
+ * ============================
+ * 2. Button
+ * ============================
+ */
 
 .nova-app-market-download-button {
   padding: 0.625rem 1.25rem;
 
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
 
-  background-color: var(--nova-color-neutral-950);
+  background-color: var(--nova-foundry-app-market-bg);
   border: none;
   border-radius: var(--nova-shape-radius);
   box-shadow: 0 0 0 0 transparent,
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
 
   transition: box-shadow calc(var(--nova-motion-duration) * 1.5) ease,
-              transform var(--nova-motion-duration) cubic-bezier(0.22, 1, 0.36, 1);
+              transform var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
 .nova-app-market-download-button:hover,
 .nova-app-market-download-button:focus-visible {
-  color: var(--nova-color-neutral-50);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03),
-              0 4px 16px rgba(0, 0, 0, 0.2);
+  color: var(--nova-color-text-inverse);
+
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2),
+              inset 0 1px 0 rgba(255, 255, 255, 0.03);
   transform: translateY(calc(-1px * var(--nova-motion-hover-effects)));
 }
 
 [data-theme="dark"] .nova-app-market-download-button {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   box-shadow: 0 0 0 0 transparent,
               0 0 0 0 transparent,
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
@@ -59,15 +56,18 @@
 
 [data-theme="dark"] .nova-app-market-download-button:hover,
 [data-theme="dark"] .nova-app-market-download-button:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
+
   box-shadow: 0 4px 24px color-mix(in srgb, var(--nova-color-primary-500), transparent 88%),
               0 0 0 1px color-mix(in srgb, var(--nova-color-primary-500), transparent 94%),
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
-/* ============================
- * 4. Button Text
- * ============================ */
+/**
+ * ============================
+ * 3. Button Text
+ * ============================
+ */
 
 .nova-app-market-download-button-subtitle {
   font-size: 0.5625rem;

package/build/src/styles/presets/foundry/{components → blocks}/blog-preview/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Blog preview section visual styling.
+ * Foundry - Blog preview section visual styling.
  *
  * @since 0.15.0
  */
@@ -8,7 +8,7 @@
  * 1. Blog Preview Container
  * ============================ */
 
-/* Blog preview section — homepage latest posts. */
+/* Blog preview section - homepage latest posts. */
 .nova-blog-preview-no-description .nova-blog-preview-heading {
   margin-bottom: calc(var(--nova-shape-gap) * 2);
 }
@@ -20,14 +20,10 @@
 .nova-blog-preview-description {
   font-size: 0.9375rem;
   line-height: 1.65;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin-bottom: calc(var(--nova-shape-gap) * 1.5);
 }
 
-[data-theme="dark"] .nova-blog-preview-description {
-  color: var(--nova-color-neutral-400);
-}
-
 /* ============================
  * 2. Blog Preview Cards
  * ============================ */
@@ -74,7 +70,7 @@
 .nova-blog-preview-card time {
   font-size: 0.75rem;
   font-weight: 500;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin-bottom: calc(var(--nova-shape-gap) * 0.5);
   text-transform: uppercase;
   letter-spacing: 0.04em;
@@ -90,36 +86,34 @@
 
 .nova-blog-preview-card p {
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   line-height: 1.6;
   margin-bottom: calc(var(--nova-shape-gap) * 0.75);
 }
 
 [data-theme="dark"] .nova-blog-preview-card p {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 
-.nova-blog-preview-card a {
+.nova-blog-preview-card .nova-blog-preview-read-more {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--nova-color-primary-600);
 
-  text-decoration: none;
-
   transition: color var(--nova-motion-duration) ease;
 }
 
-.nova-blog-preview-card a:hover,
-.nova-blog-preview-card a:focus-visible {
+.nova-blog-preview-card:hover .nova-blog-preview-read-more,
+.nova-blog-preview-card:focus-within .nova-blog-preview-read-more {
   color: var(--nova-color-primary-700);
 }
 
-[data-theme="dark"] .nova-blog-preview-card a {
+[data-theme="dark"] .nova-blog-preview-card .nova-blog-preview-read-more {
   color: var(--nova-color-primary-400);
 }
 
-[data-theme="dark"] .nova-blog-preview-card a:hover,
-[data-theme="dark"] .nova-blog-preview-card a:focus-visible {
+[data-theme="dark"] .nova-blog-preview-card:hover .nova-blog-preview-read-more,
+[data-theme="dark"] .nova-blog-preview-card:focus-within .nova-blog-preview-read-more {
   color: var(--nova-color-primary-300);
 }
 
@@ -133,6 +127,6 @@
 }
 
 .nova-blog-preview {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) var(--nova-motion-easing) both;
   animation-delay: calc(300ms * var(--nova-motion-staggered-reveals));
 }

package/build/src/styles/presets/foundry/{components → blocks}/features/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Features section visual styling.
+ * Foundry - Features section visual styling.
  *
  * @since 0.15.0
  */
@@ -58,11 +58,7 @@
   font-size: 1rem;
   font-weight: 700;
   margin: 0 0 0.5rem 0;
-  color: var(--nova-color-neutral-900);
-}
-
-[data-theme="dark"] .nova-feature-card-title {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text);
 }
 
 @media (min-width: 768px) {
@@ -75,7 +71,7 @@
 .nova-feature-card-description {
   font-size: 0.875rem;
   line-height: 1.65;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin: 0;
 }
 
@@ -85,10 +81,6 @@
   }
 }
 
-[data-theme="dark"] .nova-feature-card-description {
-  color: var(--nova-color-neutral-400);
-}
-
 .nova-feature-card-icon {
   width: 2.5rem;
   height: 2.5rem;
@@ -116,37 +108,37 @@
 }
 
 .nova-features {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) var(--nova-motion-easing) both;
   animation-delay: calc(360ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(1) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(420ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(2) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(490ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(3) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(560ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(4) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(630ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(5) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(700ms * var(--nova-motion-staggered-reveals));
 }
 
 .nova-feature-card:nth-child(6) {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(770ms * var(--nova-motion-staggered-reveals));
 }
 
@@ -155,22 +147,9 @@
  * ============================ */
 
 [data-theme="dark"] .nova-feature-card {
-  transition: transform var(--nova-motion-duration) cubic-bezier(0.22, 1, 0.36, 1),
+  transition: transform var(--nova-motion-duration) var(--nova-motion-easing),
               box-shadow calc(var(--nova-motion-duration) * 1.5) ease,
               border-color calc(var(--nova-motion-duration) * 1.5) ease,
               background-color var(--nova-motion-duration) ease;
 }
 
-/* ============================
- * 6. Card Hover Effects
- * ============================ */
-
-.card {
-  transition: transform var(--nova-motion-duration) cubic-bezier(0.22, 1, 0.36, 1),
-              box-shadow calc(var(--nova-motion-duration) * 1.5) ease,
-              border-color var(--nova-motion-duration) ease;
-}
-
-.card:hover {
-  transform: translateY(calc(-2px * var(--nova-motion-hover-effects)));
-}

package/build/src/styles/presets/foundry/blocks/frame/style.css

@@ -0,0 +1,21 @@
+/**
+ * Foundry - `frame` component overlay.
+ *
+ * Sharp 1px neutral border with no shadow - industrial drawing
+ * aesthetic. Caption uses monospace code typography for an
+ * annotation-on-blueprint feel.
+ *
+ * @since 0.18.0
+ */
+
+.nova-frame-media {
+  border: 1px solid var(--nova-foundry-border);
+}
+
+.nova-frame-caption {
+  margin-top: 0.75rem;
+
+  font-family: var(--nova-font-code);
+  font-size: 0.8125rem;
+  color: var(--nova-color-text-muted);
+}

package/build/src/styles/presets/foundry/{components → blocks}/hero/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Hero section visual styling.
+ * Foundry - Hero section visual styling.
  *
  * @since 0.15.0
  */
@@ -8,7 +8,7 @@
  * 1. Hero Container
  * ============================ */
 
-/* Hero uses nova-container on inner — no hardcoded max-width/centering needed. */
+/* Hero uses nova-container on inner - no hardcoded max-width/centering needed. */
 .nova-hero {
   margin: 3.5rem 0 2.5rem;
   text-align: center;
@@ -66,14 +66,10 @@
   font-size: clamp(2rem, 5vw, 3.5rem);
   font-weight: 800;
   letter-spacing: -0.03em;
-  color: var(--nova-color-neutral-900);
+  color: var(--nova-color-text);
   margin-bottom: 1.25rem;
 }
 
-[data-theme="dark"] .nova-hero-heading {
-  color: var(--nova-color-neutral-50);
-}
-
 @media (min-width: 768px) {
   .nova-hero-heading {
     margin-bottom: 1.5rem;
@@ -87,7 +83,7 @@
 .nova-hero-tagline {
   font-size: 1rem;
   line-height: 1.7;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   max-width: 600px;
   margin: 0 auto 2rem;
 }
@@ -99,10 +95,6 @@
   }
 }
 
-[data-theme="dark"] .nova-hero-tagline {
-  color: var(--nova-color-neutral-400);
-}
-
 /* ============================
  * 5. Actions
  * ============================ */
@@ -127,7 +119,7 @@
 }
 
 .nova-hero {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) var(--nova-motion-easing) both;
   animation-delay: calc(80ms * var(--nova-motion-staggered-reveals));
 }
 
@@ -136,7 +128,7 @@
  * ============================ */
 
 article {
-  animation: foundry-fade-in calc(var(--nova-motion-duration) * 2) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in calc(var(--nova-motion-duration) * 2) var(--nova-motion-easing) both;
   animation-delay: calc(100ms * var(--nova-motion-staggered-reveals));
 }
 
@@ -157,7 +149,7 @@ article {
   width: 0;
   height: 1px;
   background-color: currentColor;
-  transition: width calc(var(--nova-motion-duration) * 1.5) cubic-bezier(0.22, 1, 0.36, 1);
+  transition: width calc(var(--nova-motion-duration) * 1.5) var(--nova-motion-easing);
 }
 
 .nova-hero article a:hover::after {

package/build/src/styles/presets/foundry/{components → blocks}/install-strip/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Install strip visual styling.
+ * Foundry - Install strip visual styling.
  *
  * @since 0.15.0
  */
@@ -9,12 +9,12 @@
  * ============================ */
 
 /* ============================
- * 2. Block Variant — Unified Card
+ * 2. Block Variant - Unified Card
  * ============================ */
 
 .nova-install-strip-command-block {
   gap: 0;
-  background-color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-surface-raised);
   border: 1px solid var(--nova-foundry-border);
   border-radius: var(--nova-shape-radius);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
@@ -31,7 +31,10 @@
 [data-theme="dark"] .nova-install-strip-command-block {
   background-color: rgba(255, 255, 255, 0.03);
   border-color: rgba(255, 255, 255, 0.08);
+  /* Position-aligned with hover (outer, outer-ring placeholder, inset)
+   * so the box-shadow transition interpolates instead of snapping. */
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4),
+              0 0 0 0 transparent,
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
@@ -44,14 +47,14 @@
 }
 
 /* ============================
- * 3. Icon Variant — Two Floating Blocks
+ * 3. Icon Variant - Two Floating Blocks
  * ============================ */
 
-/* Code block — static card, no hover. */
+/* Code block - static card, no hover. */
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-code {
   padding-right: 1rem;
 
-  background-color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-surface-raised);
   border: 1px solid var(--nova-foundry-border);
   border-radius: var(--nova-shape-radius);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
@@ -70,11 +73,11 @@
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
-/* Copy button — interactive card with hover. */
+/* Copy button - interactive card with hover. */
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 
-  background-color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-surface-raised);
   border: 1px solid var(--nova-foundry-border);
   border-radius: var(--nova-shape-radius);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
@@ -95,11 +98,14 @@
 }
 
 [data-theme="dark"] .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 
   background-color: rgba(255, 255, 255, 0.03);
   border-color: rgba(255, 255, 255, 0.08);
+  /* Position-aligned with hover (outer, outer-ring placeholder, inset)
+   * so the box-shadow transition interpolates instead of snapping. */
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4),
+              0 0 0 0 transparent,
               inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }
 
@@ -122,7 +128,7 @@
   padding: 0.75rem 0 0.75rem 1rem;
   font-family: var(--nova-font-code);
   font-size: 0.8125rem;
-  color: var(--nova-color-neutral-600);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-install-strip .nova-install-strip-code::before {
@@ -133,7 +139,7 @@
 }
 
 [data-theme="dark"] .nova-install-strip .nova-install-strip-code {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text);
 }
 
 [data-theme="dark"] .nova-install-strip .nova-install-strip-code::before {
@@ -154,7 +160,23 @@
 .nova-install-strip-command-block .nova-install-strip-copy {
   padding: 0.5rem 0.875rem;
   margin: 0.25rem;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
+
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing);
+}
+
+[data-theme="dark"] .nova-install-strip-command-block .nova-install-strip-copy {
+  color: var(--nova-color-text-muted);
+}
+
+.nova-install-strip-command-block:hover .nova-install-strip-copy,
+.nova-install-strip-command-block:focus-visible .nova-install-strip-copy {
+  color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-install-strip-command-block:hover .nova-install-strip-copy,
+[data-theme="dark"] .nova-install-strip-command-block:focus-visible .nova-install-strip-copy {
+  color: var(--nova-color-primary-400);
 }
 
 /* ============================
@@ -165,24 +187,15 @@
   font-size: 0.8125rem;
   font-weight: 500;
   letter-spacing: 0.02em;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   margin-bottom: 0.625rem;
 }
 
-[data-theme="dark"] .nova-install-strip-label {
-  color: var(--nova-color-neutral-400);
-}
-
 /* ============================
  * 7. Animations
  * ============================ */
 
-/* Prevent Chrome scroll anchoring from shifting page during entrance animations. */
-.nova-install-strip {
-  overflow-anchor: none;
-}
-
 .nova-install-strip {
-  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) cubic-bezier(0.22, 1, 0.36, 1) both;
+  animation: foundry-fade-in-up calc(var(--nova-motion-duration) * 2.5) var(--nova-motion-easing) both;
   animation-delay: calc(220ms * var(--nova-motion-staggered-reveals));
 }

package/build/src/styles/presets/foundry/blocks/spotlight/style.css

@@ -0,0 +1,13 @@
+/**
+ * Foundry - `spotlight` component overlay.
+ *
+ * Single-column constrained block. Heading + description styling already
+ * lives in preset.css; this file adds section-level layout / rhythm.
+ *
+ * @since 0.18.0
+ */
+
+.nova-spotlight-heading {
+  margin-bottom: 0.75rem;
+  text-align: center;
+}

package/build/src/styles/presets/foundry/blocks/stats/style.css

@@ -0,0 +1,18 @@
+/**
+ * Foundry - `stats` component overlay.
+ *
+ * Stats grid layout. Heading / value / label styling already lives in
+ * preset.css; this file adds section-level rhythm.
+ *
+ * @since 0.18.0
+ */
+
+.nova-stats-heading {
+  margin-bottom: 0.75rem;
+  text-align: center;
+}
+
+.nova-stats-description {
+  margin-bottom: 2rem;
+  text-align: center;
+}

package/build/src/styles/presets/foundry/{components → blocks}/terminology/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Terminology inline term visual styling.
+ * Foundry - Terminology inline term visual styling.
  *
  * @since 0.15.0
  */
@@ -9,7 +9,7 @@
  * ============================ */
 
 .nova-terminology {
-  text-decoration: underline dotted var(--nova-color-neutral-400);
+  text-decoration: underline dotted var(--nova-color-text-soft);
   text-underline-offset: 3px;
 
   transition: color var(--nova-motion-duration) ease,
@@ -24,7 +24,7 @@
 }
 
 [data-theme="dark"] .nova-terminology {
-  text-decoration-color: var(--nova-color-neutral-600);
+  text-decoration-color: var(--nova-color-text-soft);
 }
 
 [data-theme="dark"] .nova-terminology:hover,

package/build/src/styles/presets/foundry/blocks/typewriter/style.css

@@ -0,0 +1,12 @@
+/**
+ * Foundry - `typewriter` component overlay.
+ *
+ * Cycling text component (used in heroes / slogans). Each preset picks
+ * its own typography for the cycling word.
+ *
+ * @since 0.18.0
+ */
+
+.nova-typewriter > * {
+  font-family: var(--nova-font-display);
+}