@cbnventures/docusaurus-preset-nova 0.17.0 → 0.18.0

package/build/src/styles/presets/signal/theme/Admonition/style.css

@@ -0,0 +1,77 @@
+/**
+ * Signal - `Admonition` theme overlay.
+ *
+ * Inline notice blocks. Sharp, bordered, compact. Left border only,
+ * type-keyed (tip=primary, warning/caution=accent, danger=primary-deep,
+ * info=neutral). Mono uppercase heading label.
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 0. Preset-owned rhythm tokens
+ * ============================ */
+
+:root {
+  --nova-signal-admonition-margin-block: 0.75rem;
+}
+
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/Admonition
+ * ============================ */
+
+:root {
+  --nova-admonition-margin-block: var(--nova-signal-admonition-margin-block);
+}
+
+/* ============================
+ * 1. Container
+ *
+ * Block-margin flows from shared theme/Admonition via the canonical
+ * `--nova-admonition-margin-block` token.
+ * ============================ */
+
+.nova-admonition {
+  border: none;
+  border-left: 2px solid var(--nova-color-text-soft);
+  border-radius: var(--nova-shape-radius);
+  padding: var(--nova-shape-padding);
+  font-size: 0.8125rem;
+  background-color: var(--nova-color-surface-raised);
+}
+
+/* ============================
+ * 2. Heading - uppercase mono label
+ * ============================ */
+
+.nova-admonition-heading strong {
+  font-family: var(--nova-font-code);
+  font-size: 0.6875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+/* ============================
+ * 3. Type variants
+ *
+ * Per-type rail consumes component-tier --nova-admonition-{type}-rail tokens;
+ * per-preset values live in signal/preset.css. Signal keeps admonitions
+ * minimal - just a left rail, no fill / ink overrides.
+ * ============================ */
+
+.nova-admonition[data-admonition-type="tip"] {
+  border-left-color: var(--nova-admonition-tip-rail);
+}
+
+.nova-admonition[data-admonition-type="warning"],
+.nova-admonition[data-admonition-type="caution"] {
+  border-left-color: var(--nova-admonition-warning-rail);
+}
+
+.nova-admonition[data-admonition-type="danger"] {
+  border-left-color: var(--nova-admonition-danger-rail);
+}
+
+.nova-admonition[data-admonition-type="info"] {
+  border-left-color: var(--nova-admonition-info-rail);
+}

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

@@ -1,26 +1,37 @@
 /**
- * Signal — Announcement bar visual styling.
+ * Signal - `AnnouncementBar` theme overlay.
+ *
+ * Terminal-style dark slab - neutral-900 ground with mono-uppercase eyebrow
+ * text. Reads as a system signal banner: quiet, technical, modern.
  *
  * @since 0.15.0
  */
 
+/* ============================
+ * 1. Container
+ * ============================ */
+
 .nova-announcement-bar {
-  background-color: var(--nova-color-neutral-900);
-  color: var(--nova-color-neutral-300);
+  background-color: var(--nova-color-text);
+  color: var(--nova-color-text-inverse);
   text-align: center;
   padding: 0.3125rem 1rem;
   font-family: var(--nova-font-code);
   font-size: 0.6875rem;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  border-bottom: 1px solid var(--nova-color-neutral-800);
+  border-bottom: 1px solid var(--nova-color-primary-600);
 }
 
 [data-theme="dark"] .nova-announcement-bar {
-  background-color: var(--nova-color-neutral-950);
-  border-bottom-color: var(--nova-color-neutral-800);
+  background-color: color-mix(in srgb, var(--nova-color-background), #000000 8%);
+  border-bottom-color: var(--nova-color-primary-500);
 }
 
+/* ============================
+ * 2. Links
+ * ============================ */
+
 .nova-announcement-bar a {
   color: var(--nova-color-primary-400);
   font-weight: 600;
@@ -36,7 +47,7 @@
 
 .nova-announcement-bar-close {
   padding: 0.25rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 
   opacity: 0.7;
   transition: opacity var(--nova-motion-duration) ease;
@@ -45,9 +56,6 @@
 .nova-announcement-bar-close:hover,
 .nova-announcement-bar-close:focus-visible {
   opacity: 1;
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-border);
 }
 
-[data-theme="dark"] .nova-announcement-bar-close {
-  color: var(--nova-color-neutral-500);
-}

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

@@ -1,5 +1,9 @@
 /**
- * Signal — Back to top button visual styling.
+ * Signal - `BackToTopButton` theme overlay.
+ *
+ * A minimal sharp tile anchored bottom-right - the smallest of the six at
+ * 32px. Hairline neutral at rest; on hover the border and glyph shift to
+ * primary - color-only, no fill, no shadow.
  *
  * @since 0.15.0
  */
@@ -13,10 +17,15 @@
   right: 1rem;
   width: 32px;
   height: 32px;
-  background-color: var(--nova-color-neutral-50);
-  color: var(--nova-color-neutral-500);
-  border: 1px solid var(--nova-color-neutral-300);
   font-size: 0.75rem;
+  color: var(--nova-color-text-muted);
+  background-color: var(--nova-color-surface-raised);
+  border: 1px solid var(--nova-color-border);
+  transition:
+    opacity var(--nova-motion-duration) ease,
+    transform var(--nova-motion-duration) ease,
+    border-color var(--nova-motion-duration) ease,
+    color var(--nova-motion-duration) ease;
 }
 
 .nova-back-to-top:hover,
@@ -26,9 +35,7 @@
 }
 
 [data-theme="dark"] .nova-back-to-top {
-  background-color: var(--nova-color-neutral-950);
-  border-color: var(--nova-color-neutral-700);
-  color: var(--nova-color-neutral-500);
+  border-color: var(--nova-color-border);
 }
 
 [data-theme="dark"] .nova-back-to-top:hover,
@@ -41,7 +48,7 @@
  * 2. Responsive
  * ============================ */
 
-/* xs — 480px and above */
+/* xs - 480px and above */
 @media (min-width: 480px) {
   .nova-back-to-top {
     bottom: 1.5rem;

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

@@ -0,0 +1,33 @@
+/**
+ * Signal - `Blog/Components/Author/Socials` theme overlay.
+ *
+ * Sharp square: signal chrome surface, primary rose-pink border on hover.
+ *
+ * @since 0.18.0
+ */
+
+.nova-blog-author-social-link {
+  background-color: var(--nova-signal-bg);
+  border: 1px solid var(--nova-signal-chrome-border);
+  border-radius: var(--nova-signal-radius-sharp);
+  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-signal-bg) 92%);
+  border-color: var(--nova-color-primary-500);
+  color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-blog-author-social-link {
+  background-color: var(--nova-signal-bg);
+  color: var(--nova-color-text-muted);
+}
+
+[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-signal-bg) 82%);
+  border-color: var(--nova-color-primary-400);
+  color: var(--nova-color-primary-300);
+}

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

@@ -0,0 +1,9 @@
+/**
+ * Signal - `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 Signal-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/signal/theme/Blog/Pages/BlogAuthorsListPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Signal - `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 Signal-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/signal/theme/Blog/Pages/BlogAuthorsPostsPage/style.css

@@ -0,0 +1,9 @@
+/**
+ * Signal - `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 Signal-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/signal/theme/BlogArchivePage/style.css

@@ -1,5 +1,5 @@
 /**
- * Signal — Blog Archive Page visual styling.
+ * Signal - Blog Archive Page visual styling.
  *
  * @since 0.15.0
  */
@@ -10,43 +10,28 @@
   padding-left: 0.5rem;
 
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-800);
+  color: var(--nova-color-text);
 
-  border-bottom: 1px solid var(--nova-color-neutral-200);
+  border-bottom: 1px solid var(--nova-color-border);
   border-left: 3px solid var(--nova-color-primary-500);
 }
 
 [data-theme="dark"] .nova-blog-archive section h3 {
-  color: var(--nova-color-neutral-200);
+  color: var(--nova-color-text);
 
-  border-bottom-color: var(--nova-color-neutral-800);
+  border-bottom-color: var(--nova-color-text);
   border-left-color: var(--nova-color-primary-400);
 }
 
-/* Archive links — compact with border reveal on hover. */
+/* Archive links - compact; hover handled by shared CSS (color + bg tint
+   + no underline). Border-left reveal was signal's preset-identity flavor
+   but standardized away for cross-preset consistency. */
 .nova-blog-archive a {
   padding: 0.125rem 0.375rem;
 
   font-size: 0.8125rem;
-  color: var(--nova-color-neutral-700);
-  border-left: 2px solid transparent;
+  color: var(--nova-color-text);
 
-  transition: color 100ms ease,
-              border-left-color 100ms ease;
-}
-
-[data-theme="dark"] .nova-blog-archive a {
-  color: var(--nova-color-neutral-300);
-}
-
-.nova-blog-archive a:hover,
-.nova-blog-archive a:focus-visible {
-  color: var(--nova-color-primary-600);
-  border-left-color: var(--nova-color-primary-500);
-}
-
-[data-theme="dark"] .nova-blog-archive a:hover,
-[data-theme="dark"] .nova-blog-archive a:focus-visible {
-  color: var(--nova-color-primary-400);
-  border-left-color: var(--nova-color-primary-400);
+  transition: color var(--nova-motion-duration) ease,
+              background-color var(--nova-motion-duration) ease;
 }

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

@@ -0,0 +1,37 @@
+/**
+ * Signal - `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.
+ *
+ * Terminal-density voice - smallest heading (1.25rem mobile / 1.5rem md
+ * matches signal's body h2 exactly), terminal-cramped 0.125rem spacing,
+ * smallest description (0.8125rem) at tightest line-height (1.5).
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 0. Preset-owned blog typography tokens
+ * ============================ */
+
+:root {
+  --nova-signal-blog-header-heading-size: 1.25rem;
+  --nova-signal-blog-header-heading-size-md: 1.5rem;
+  --nova-signal-blog-header-heading-spacing: 0.125rem;
+  --nova-signal-blog-description-size: 0.8125rem;
+  --nova-signal-blog-description-line-height: 1.5;
+}
+
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/BlogLayout
+ * ============================ */
+
+:root {
+  --nova-blog-header-heading-size: var(--nova-signal-blog-header-heading-size);
+  --nova-blog-header-heading-size-md: var(--nova-signal-blog-header-heading-size-md);
+  --nova-blog-header-heading-spacing: var(--nova-signal-blog-header-heading-spacing);
+  --nova-blog-description-size: var(--nova-signal-blog-description-size);
+  --nova-blog-description-line-height: var(--nova-signal-blog-description-line-height);
+}

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

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

@@ -1,89 +1,94 @@
 /**
- * Signal — Blog List Paginator visual styling.
+ * Signal - Blog List Paginator visual styling.
  *
- * Solid inverted style — dark fill in light mode, primary swap on hover.
+ * Terminal-style uppercase mono links - flat surface with a primary tint
+ * on hover. Strip left-aligned to read as a terminal command row. Active
+ * page is the filled primary slab (signal's loud "current" signal).
  *
  * @since 0.15.0
  */
 
-/* Nav links — solid inverted slab. */
+/* Container - left-aligned terminal-style row. */
+.nova-blog-list-paginator {
+  justify-content: flex-start;
+}
+
+/* Nav links - flat with primary tint on hover. */
 .nova-blog-list-paginator-nav {
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-600);
 
-  background: var(--nova-color-neutral-900);
   border-radius: var(--nova-shape-radius);
 
-  transition: color 100ms ease,
-    background 100ms ease;
+  transition: color var(--nova-motion-duration) ease,
+    background var(--nova-motion-duration) ease;
 }
 
 [data-theme="dark"] .nova-blog-list-paginator-nav {
-  color: var(--nova-color-neutral-900);
-
-  background: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-100);
 }
 
 .nova-blog-list-paginator-nav:hover,
 .nova-blog-list-paginator-nav:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-700);
 
-  background: var(--nova-color-primary-600);
+  text-decoration: none;
+  background: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
 }
 
 [data-theme="dark"] .nova-blog-list-paginator-nav:hover,
 [data-theme="dark"] .nova-blog-list-paginator-nav:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-100);
 
-  background: var(--nova-color-primary-500);
+  text-decoration: none;
+  background: color-mix(in srgb, var(--nova-color-primary-500), transparent 78%);
 }
 
-/* Page links — solid inverted slab. */
+/* Page links - flat with primary tint on hover. */
 .nova-blog-list-paginator-page {
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.06em;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-600);
 
-  background: var(--nova-color-neutral-900);
   border-radius: var(--nova-shape-radius);
 
-  transition: color 100ms ease,
-    background 100ms ease;
+  transition: color var(--nova-motion-duration) ease,
+    background var(--nova-motion-duration) ease;
 }
 
 [data-theme="dark"] .nova-blog-list-paginator-page {
-  color: var(--nova-color-neutral-900);
-
-  background: var(--nova-color-neutral-50);
+  color: var(--nova-color-primary-100);
 }
 
-.nova-blog-list-paginator-page:hover,
-.nova-blog-list-paginator-page:focus-visible {
-  color: var(--nova-color-neutral-50);
+.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);
 
-  background: var(--nova-color-primary-600);
+  text-decoration: none;
+  background: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
 }
 
-[data-theme="dark"] .nova-blog-list-paginator-page:hover,
-[data-theme="dark"] .nova-blog-list-paginator-page:focus-visible {
-  color: var(--nova-color-neutral-50);
+[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-100);
 
-  background: var(--nova-color-primary-500);
+  text-decoration: none;
+  background: color-mix(in srgb, var(--nova-color-primary-500), transparent 78%);
 }
 
-/* Active page — primary filled slab. */
+/* Active page - primary filled slab. */
 .nova-blog-list-paginator-page-active {
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
   font-weight: 700;
   letter-spacing: 0.06em;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
 
   background: var(--nova-color-primary-600);
   border-radius: var(--nova-shape-radius);
@@ -92,18 +97,12 @@
 }
 
 [data-theme="dark"] .nova-blog-list-paginator-page-active {
-  color: var(--nova-color-neutral-50);
-
-  background: var(--nova-color-primary-500);
+  background: var(--nova-color-primary-700);
 }
 
-/* Ellipsis — muted, code font. */
+/* Ellipsis - muted, code font. */
 .nova-blog-list-paginator-ellipsis {
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
-  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);
 }