@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

package/build/src/styles/presets/foundry/theme/AnnouncementBar/style.css

@@ -1,21 +1,36 @@
 /**
- * Foundry — Announcement bar visual styling.
+ * Foundry - `AnnouncementBar` theme overlay.
+ *
+ * Industrial primary->accent gradient strip - orange forge bleeding into
+ * amber. Borderless, full-width, draws the eye without dominating.
  *
  * @since 0.15.0
  */
 
+/* ============================
+ * 1. Container
+ * ============================ */
+
 .nova-announcement-bar {
   padding: 0.625rem 1rem;
   font-size: 0.875rem;
   font-weight: 500;
   text-align: center;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   background: linear-gradient(135deg, var(--nova-color-primary-600), var(--nova-color-accent-600));
   border: none;
 }
 
+[data-theme="dark"] .nova-announcement-bar {
+  background: linear-gradient(135deg, var(--nova-color-primary-700), var(--nova-color-accent-700));
+}
+
+/* ============================
+ * 2. Links
+ * ============================ */
+
 .nova-announcement-bar a {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   font-weight: 600;
   text-decoration: underline;
   text-underline-offset: 2px;
@@ -26,13 +41,17 @@
   opacity: 0.85;
 }
 
+[data-theme="dark"] .nova-announcement-bar a {
+  color: var(--nova-color-text-inverse);
+}
+
 /* ============================
  * 3. Close Button
  * ============================ */
 
 .nova-announcement-bar-close {
   padding: 0.25rem;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
 
   opacity: 0.7;
   transition: opacity var(--nova-motion-duration) ease;
@@ -42,3 +61,4 @@
 .nova-announcement-bar-close:focus-visible {
   opacity: 1;
 }
+

package/build/src/styles/presets/foundry/theme/BackToTopButton/style.css

@@ -1,5 +1,9 @@
 /**
- * Foundry — Back to top button visual styling.
+ * Foundry - `BackToTopButton` theme overlay.
+ *
+ * An industrial light tile anchored bottom-right. Hairline neutral border at
+ * rest; on hover it shifts to a primary-50 fill with a tighter primary-300
+ * border - direct, no glow.
  *
  * @since 0.15.0
  */
@@ -13,11 +17,13 @@
   right: 1rem;
   width: 36px;
   height: 36px;
-  color: var(--nova-color-neutral-500);
-  background-color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-muted);
+  background-color: var(--nova-color-surface-raised);
   border: 1px solid var(--nova-foundry-border);
   border-radius: var(--nova-shape-radius);
   transition:
+    opacity var(--nova-motion-duration) ease,
+    transform var(--nova-motion-duration) ease,
     background-color var(--nova-motion-duration) ease,
     color var(--nova-motion-duration) ease,
     border-color var(--nova-motion-duration) ease;
@@ -31,7 +37,6 @@
 }
 
 [data-theme="dark"] .nova-back-to-top {
-  color: var(--nova-color-neutral-400);
   background-color: rgba(255, 255, 255, 0.04);
   border-color: rgba(255, 255, 255, 0.08);
 }

package/build/src/styles/presets/foundry/theme/Blog/Components/Author/Socials/style.css

@@ -0,0 +1,32 @@
+/**
+ * Foundry - `Blog/Components/Author/Socials` theme overlay.
+ *
+ * Industrial square: 2px corners, hairline border, primary-orange edge on hover.
+ *
+ * @since 0.18.0
+ */
+
+.nova-blog-author-social-link {
+  background-color: var(--nova-foundry-surface);
+  border: 1px solid var(--nova-foundry-border);
+  border-radius: var(--nova-foundry-radius-square);
+  color: var(--nova-color-text);
+}
+
+.nova-blog-author-social-link:hover,
+.nova-blog-author-social-link:focus-visible {
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-foundry-surface) 94%);
+  border-color: var(--nova-color-primary-500);
+  color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-blog-author-social-link {
+  color: var(--nova-color-text);
+}
+
+[data-theme="dark"] .nova-blog-author-social-link:hover,
+[data-theme="dark"] .nova-blog-author-social-link:focus-visible {
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-foundry-surface) 85%);
+  border-color: var(--nova-color-primary-400);
+  color: var(--nova-color-primary-300);
+}

package/build/src/styles/presets/foundry/theme/Blog/Components/Author/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `Blog/Components/Author` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/Blog/Components/Author/style.css. Add Foundry-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/foundry/theme/Blog/Pages/BlogAuthorsListPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `Blog/Pages/BlogAuthorsListPage` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/Blog/Pages/BlogAuthorsListPage/style.css. Add Foundry-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/foundry/theme/Blog/Pages/BlogAuthorsPostsPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `Blog/Pages/BlogAuthorsPostsPage` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/Blog/Pages/BlogAuthorsPostsPage/style.css. Add Foundry-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/foundry/theme/BlogArchivePage/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Blog Archive Page visual styling.
+ * Foundry - Blog Archive Page visual styling.
  *
  * @since 0.15.0
  */
@@ -8,20 +8,20 @@
 .nova-blog-archive section h3 {
   padding-bottom: 0.5rem;
 
-  color: var(--nova-color-neutral-800);
+  color: var(--nova-color-text);
 
   border-bottom: 1px solid var(--nova-foundry-border-subtle);
 }
 
 [data-theme="dark"] .nova-blog-archive section h3 {
-  color: var(--nova-color-neutral-200);
+  color: var(--nova-color-text);
 
   border-bottom-color: rgba(255, 255, 255, 0.08);
 }
 
-/* Archive links — neutral hover with tight radius. */
+/* Archive links - neutral hover with tight radius. */
 .nova-blog-archive a {
-  color: var(--nova-color-neutral-700);
+  color: var(--nova-color-text);
   border-radius: var(--nova-shape-radius);
   padding: 0.25rem 0.5rem;
 
@@ -30,19 +30,7 @@
 }
 
 [data-theme="dark"] .nova-blog-archive a {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text);
 }
 
-.nova-blog-archive a:hover,
-.nova-blog-archive a:focus-visible {
-  color: var(--nova-color-neutral-900);
-
-  background-color: var(--nova-color-neutral-50);
-}
-
-[data-theme="dark"] .nova-blog-archive a:hover,
-[data-theme="dark"] .nova-blog-archive a:focus-visible {
-  color: var(--nova-color-neutral-200);
-
-  background-color: rgba(255, 255, 255, 0.04);
-}
+/* Hover handled by shared CSS (color + bg tint + no underline). */

package/build/src/styles/presets/foundry/theme/BlogLayout/style.css

@@ -0,0 +1,38 @@
+/**
+ * Foundry - `BlogLayout` theme overlay.
+ *
+ * Defines per-preset blog typography tokens consumed by the shared
+ * theme/BlogLayout/style.css. Color tokens for blog typography live in
+ * preset.css.
+ *
+ * Industrial-classic voice - heading anchored to foundry's body h1/h2
+ * progression, foundry's signature deeper rhythm via 0.375rem spacing,
+ * slightly tighter description line-height for industrial typography
+ * density.
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 0. Preset-owned blog typography tokens
+ * ============================ */
+
+:root {
+  --nova-foundry-blog-header-heading-size: 1.5rem;
+  --nova-foundry-blog-header-heading-size-md: 1.75rem;
+  --nova-foundry-blog-header-heading-spacing: 0.375rem;
+  --nova-foundry-blog-description-size: 0.875rem;
+  --nova-foundry-blog-description-line-height: 1.55;
+}
+
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/BlogLayout
+ * ============================ */
+
+:root {
+  --nova-blog-header-heading-size: var(--nova-foundry-blog-header-heading-size);
+  --nova-blog-header-heading-size-md: var(--nova-foundry-blog-header-heading-size-md);
+  --nova-blog-header-heading-spacing: var(--nova-foundry-blog-header-heading-spacing);
+  --nova-blog-description-size: var(--nova-foundry-blog-description-size);
+  --nova-blog-description-line-height: var(--nova-foundry-blog-description-line-height);
+}

package/build/src/styles/presets/foundry/theme/BlogListPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `BlogListPage` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/BlogListPage/style.css. Add Foundry-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/foundry/theme/BlogListPaginator/style.css

@@ -1,12 +1,16 @@
 /**
- * Foundry — Blog List Paginator visual styling.
+ * Foundry - Blog List Paginator visual styling.
  *
- * Outlined style — subtle border with background tint on hover.
+ * Outlined style - subtle border with background tint on hover. Strip
+ * right-aligned so the next/last arrows anchor to the industrial column edge.
  *
  * @since 0.15.0
  */
 
+/* Container - right-aligned strip with subtle hairline above. */
 .nova-blog-list-paginator {
+  justify-content: flex-end;
+
   border-top-color: var(--nova-foundry-border-subtle);
 }
 
@@ -14,7 +18,7 @@
   border-top-color: rgba(255, 255, 255, 0.08);
 }
 
-/* Nav links — outlined button. */
+/* Nav links - outlined button. */
 .nova-blog-list-paginator-nav {
   color: var(--nova-color-primary-600);
   font-weight: 600;
@@ -37,6 +41,7 @@
 .nova-blog-list-paginator-nav:focus-visible {
   color: var(--nova-color-primary-700);
 
+  text-decoration: none;
   background: var(--nova-color-primary-50);
   border-color: var(--nova-color-primary-300);
 }
@@ -45,11 +50,12 @@
 [data-theme="dark"] .nova-blog-list-paginator-nav:focus-visible {
   color: var(--nova-color-primary-300);
 
+  text-decoration: none;
   background: color-mix(in srgb, var(--nova-color-primary-500), transparent 90%);
   border-color: var(--nova-color-primary-700);
 }
 
-/* Page links — outlined button. */
+/* Page links - outlined button. */
 .nova-blog-list-paginator-page {
   color: var(--nova-color-primary-600);
   font-weight: 600;
@@ -68,25 +74,27 @@
   border-color: rgba(255, 255, 255, 0.08);
 }
 
-.nova-blog-list-paginator-page:hover,
-.nova-blog-list-paginator-page:focus-visible {
+.nova-blog-list-paginator-page:not(.nova-blog-list-paginator-page-active):hover,
+.nova-blog-list-paginator-page:not(.nova-blog-list-paginator-page-active):focus-visible {
   color: var(--nova-color-primary-700);
 
+  text-decoration: none;
   background: var(--nova-color-primary-50);
   border-color: var(--nova-color-primary-300);
 }
 
-[data-theme="dark"] .nova-blog-list-paginator-page:hover,
-[data-theme="dark"] .nova-blog-list-paginator-page:focus-visible {
+[data-theme="dark"] .nova-blog-list-paginator-page:not(.nova-blog-list-paginator-page-active):hover,
+[data-theme="dark"] .nova-blog-list-paginator-page:not(.nova-blog-list-paginator-page-active):focus-visible {
   color: var(--nova-color-primary-300);
 
+  text-decoration: none;
   background: color-mix(in srgb, var(--nova-color-primary-500), transparent 90%);
   border-color: var(--nova-color-primary-700);
 }
 
-/* Active page — filled outlined. */
+/* Active page - filled outlined. */
 .nova-blog-list-paginator-page-active {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   font-weight: 700;
 
   background: var(--nova-color-primary-600);
@@ -97,17 +105,13 @@
 }
 
 [data-theme="dark"] .nova-blog-list-paginator-page-active {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-100);
 
   background: var(--nova-color-primary-500);
   border-color: var(--nova-color-primary-500);
 }
 
-/* Ellipsis — muted. */
+/* Ellipsis - muted. */
 .nova-blog-list-paginator-ellipsis {
-  color: var(--nova-color-neutral-400);
-}
-
-[data-theme="dark"] .nova-blog-list-paginator-ellipsis {
-  color: var(--nova-color-neutral-600);
+  color: var(--nova-color-text-muted);
 }

package/build/src/styles/presets/foundry/theme/BlogPostItem/style.css

@@ -1,9 +1,52 @@
 /**
- * Foundry — Blog Post Item visual styling.
+ * Foundry - Blog Post Item visual styling.
+ *
+ * Industrial restraint voice - smaller post title (1.625 / 1.875rem),
+ * tighter card title (1.0625), industrial 1.6 content line-height,
+ * 2rem footer spacing. Smaller date/author/read-more (0.6875 / 0.8125)
+ * to distinguish from envoy.
  *
  * @since 0.15.0
  */
 
+/* ============================
+ * 0. Preset-owned blog-post typography tokens
+ * ============================ */
+
+:root {
+  --nova-foundry-blog-post-title-size: 1.625rem;
+  --nova-foundry-blog-post-title-size-md: 1.875rem;
+  --nova-foundry-blog-card-title-size: 1.0625rem;
+  --nova-foundry-blog-card-title-size-md: 1.1875rem;
+  --nova-foundry-blog-date-size: 0.6875rem;
+  --nova-foundry-blog-content-size: 0.875rem;
+  --nova-foundry-blog-content-line-height: 1.6;
+  --nova-foundry-blog-author-size: 0.8125rem;
+  --nova-foundry-blog-read-more-size: 0.8125rem;
+  --nova-foundry-blog-footer-spacing-top: 2rem;
+}
+
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/BlogPostItem + below
+ * ============================ */
+
+:root {
+  --nova-blog-post-title-size: var(--nova-foundry-blog-post-title-size);
+  --nova-blog-post-title-size-md: var(--nova-foundry-blog-post-title-size-md);
+  --nova-blog-card-title-size: var(--nova-foundry-blog-card-title-size);
+  --nova-blog-card-title-size-md: var(--nova-foundry-blog-card-title-size-md);
+  --nova-blog-date-size: var(--nova-foundry-blog-date-size);
+  --nova-blog-content-size: var(--nova-foundry-blog-content-size);
+  --nova-blog-content-line-height: var(--nova-foundry-blog-content-line-height);
+  --nova-blog-author-size: var(--nova-foundry-blog-author-size);
+  --nova-blog-read-more-size: var(--nova-foundry-blog-read-more-size);
+  --nova-blog-footer-spacing-top: var(--nova-foundry-blog-footer-spacing-top);
+}
+
+/* ============================
+ * 1. Card - clean with subtle shadow
+ * ============================ */
+
 /* Clean card with subtle shadow and tight radius. */
 .nova-blog-post-item {
   background-color: var(--nova-foundry-surface-raised);
@@ -13,7 +56,7 @@
 
   transition: border-color var(--nova-motion-duration) ease,
               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);
 }
 
 @media (min-width: 768px) {
@@ -47,19 +90,21 @@
  * 2. Header
  * ============================ */
 
-/* Date label — neutral, understated. */
+/* Date label - neutral, understated. */
 .nova-blog-post-item-header time {
   display: block;
   margin-bottom: 0.5rem;
 
-  font-size: 0.75rem;
+  font-size: var(--nova-blog-date-size, 0.6875rem);
   font-weight: 500;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
 
-/* Post title — clean, body font. */
+/* Post title - clean, body font. h1 size flows from shared CSS via
+   canonical token (--nova-blog-post-title-size); h2 size is consumed
+   below in this overlay. */
 .nova-blog-post-item-header h1,
 .nova-blog-post-item-header h2 {
   margin: 0 0 0.75rem;
@@ -69,18 +114,23 @@
 }
 
 .nova-blog-post-item-header h1 {
-  font-size: 1.75rem;
-  color: var(--nova-color-neutral-900);
+  color: var(--nova-color-text);
 }
 
 .nova-blog-post-item-header h2 {
-  font-size: 1.125rem;
-  color: var(--nova-color-neutral-900);
+  font-size: var(--nova-blog-card-title-size, 1.0625rem);
+  color: var(--nova-color-text);
+}
+
+@media (min-width: 768px) {
+  .nova-blog-post-item-header h2 {
+    font-size: var(--nova-blog-card-title-size-md, 1.1875rem);
+  }
 }
 
 [data-theme="dark"] .nova-blog-post-item-header h1,
 [data-theme="dark"] .nova-blog-post-item-header h2 {
-  color: var(--nova-color-neutral-100);
+  color: var(--nova-color-text);
 }
 
 /* Title link inherits color. */
@@ -121,13 +171,15 @@
   border-radius: 50%;
 }
 
-.nova-blog-post-item-author span {
-  font-size: 0.875rem;
-  color: var(--nova-color-neutral-500);
+.nova-blog-post-item-author span,
+.nova-blog-post-item-author-link {
+  font-size: var(--nova-blog-author-size, 0.8125rem);
+  color: var(--nova-color-text-muted);
 }
 
-[data-theme="dark"] .nova-blog-post-item-author span {
-  color: var(--nova-color-neutral-400);
+[data-theme="dark"] .nova-blog-post-item-author span,
+.nova-blog-post-item-author-link {
+  color: var(--nova-color-text-muted);
 }
 
 /* ============================
@@ -135,22 +187,18 @@
  * ============================ */
 
 .nova-blog-post-item-content {
-  font-size: 0.9375rem;
-  line-height: 1.65;
-  color: var(--nova-color-neutral-600);
-}
-
-[data-theme="dark"] .nova-blog-post-item-content {
-  color: var(--nova-color-neutral-400);
+  font-size: var(--nova-blog-content-size, 0.875rem);
+  line-height: var(--nova-blog-content-line-height, 1.6);
+  color: var(--nova-color-text-muted);
 }
 
 /* ============================
  * 5. Footer
  * ============================ */
 
-/* Footer — top border separator. */
+/* Footer - top border separator. */
 .nova-blog-post-item-footer {
-  margin-top: 2.5rem;
+  margin-top: var(--nova-blog-footer-spacing-top, 2rem);
   padding-top: 1.5rem;
   border-top: 1px solid var(--nova-foundry-border-subtle);
 }
@@ -161,14 +209,13 @@
 
 @media (min-width: 768px) {
   .nova-blog-post-item-footer {
-    margin-top: 2rem;
     padding-top: 2rem;
   }
 }
 
-/* Read-more link — primary, clean. */
+/* Read-more link - primary, clean. */
 .nova-blog-post-item-read-more {
-  font-size: 0.875rem;
+  font-size: var(--nova-blog-read-more-size, 0.8125rem);
   font-weight: 600;
   color: var(--nova-color-primary-600);
 
@@ -180,6 +227,7 @@
 .nova-blog-post-item-read-more:hover,
 .nova-blog-post-item-read-more:focus-visible {
   color: var(--nova-color-primary-700);
+  text-decoration: none;
 }
 
 [data-theme="dark"] .nova-blog-post-item-read-more {
@@ -190,4 +238,3 @@
 [data-theme="dark"] .nova-blog-post-item-read-more:focus-visible {
   color: var(--nova-color-primary-300);
 }
-

package/build/src/styles/presets/foundry/theme/BlogPostItems/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `BlogPostItems` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/BlogPostItems/style.css. Add Foundry-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/foundry/theme/BlogPostPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Foundry - `BlogPostPage` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/BlogPostPage/style.css. Add Foundry-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/foundry/theme/BlogPostPaginator/style.css

@@ -1,5 +1,5 @@
 /**
- * Foundry — Blog Post Paginator visual styling.
+ * Foundry - Blog Post Paginator visual styling.
  *
  * @since 0.15.0
  */
@@ -28,11 +28,7 @@
 .nova-blog-post-paginator-heading {
   font-family: var(--nova-font-display);
   font-size: 1.125rem;
-  color: var(--nova-color-neutral-900);
-}
-
-[data-theme="dark"] .nova-blog-post-paginator-heading {
-  color: var(--nova-color-neutral-100);
+  color: var(--nova-color-text);
 }
 
 /* ============================
@@ -49,12 +45,12 @@
 
 .nova-blog-post-paginator-link:hover,
 .nova-blog-post-paginator-link:focus-visible {
-  background-color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-surface-raised);
 }
 
 [data-theme="dark"] .nova-blog-post-paginator-link:hover,
 [data-theme="dark"] .nova-blog-post-paginator-link:focus-visible {
-  background-color: rgba(255, 255, 255, 0.04);
+  background-color: var(--nova-foundry-glow-primary);
 }
 
 /* ============================
@@ -66,11 +62,7 @@
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--nova-color-neutral-500);
-}
-
-[data-theme="dark"] .nova-blog-post-paginator-label {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 
 /* ============================
@@ -92,10 +84,6 @@
  * ============================ */
 
 .nova-blog-post-paginator-excerpt {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   line-height: 1.6;
 }
-
-[data-theme="dark"] .nova-blog-post-paginator-excerpt {
-  color: var(--nova-color-neutral-400);
-}