npm - @cbnventures/docusaurus-preset-nova - Versions diffs - 0.16.2 → 0.18.0 - Mend

@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1989) hide show

package/build/src/styles/presets/signal/theme/BlogPostItem/style.css CHANGED Viewed

@@ -1,18 +1,60 @@
 /**
- * Signal — Blog Post Item visual styling.
+ * Signal - Blog Post Item visual styling.
+ *
+ * Terminal-density voice - smallest sizes throughout: 1.5 / 1.75rem post
+ * title, 1 / 1.0625rem card title, 0.6875rem date, 0.875 / 1.55 content
+ * rhythm. 1.5rem footer spacing keeps everything compact.
  *
  * @since 0.15.0
  */
+/* ============================
+ * 0. Preset-owned blog-post typography tokens
+ * ============================ */
+:root {
+  --nova-signal-blog-post-title-size: 1.5rem;
+  --nova-signal-blog-post-title-size-md: 1.75rem;
+  --nova-signal-blog-card-title-size: 1rem;
+  --nova-signal-blog-card-title-size-md: 1.0625rem;
+  --nova-signal-blog-date-size: 0.6875rem;
+  --nova-signal-blog-content-size: 0.875rem;
+  --nova-signal-blog-content-line-height: 1.55;
+  --nova-signal-blog-author-size: 0.75rem;
+  --nova-signal-blog-read-more-size: 0.75rem;
+  --nova-signal-blog-footer-spacing-top: 1.5rem;
+}
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/BlogPostItem + below
+ * ============================ */
+:root {
+  --nova-blog-post-title-size: var(--nova-signal-blog-post-title-size);
+  --nova-blog-post-title-size-md: var(--nova-signal-blog-post-title-size-md);
+  --nova-blog-card-title-size: var(--nova-signal-blog-card-title-size);
+  --nova-blog-card-title-size-md: var(--nova-signal-blog-card-title-size-md);
+  --nova-blog-date-size: var(--nova-signal-blog-date-size);
+  --nova-blog-content-size: var(--nova-signal-blog-content-size);
+  --nova-blog-content-line-height: var(--nova-signal-blog-content-line-height);
+  --nova-blog-author-size: var(--nova-signal-blog-author-size);
+  --nova-blog-read-more-size: var(--nova-signal-blog-read-more-size);
+  --nova-blog-footer-spacing-top: var(--nova-signal-blog-footer-spacing-top);
+}
+/* ============================
+ * 1. Card - compact with primary left rail
+ * ============================ */
 /* Compact card with left primary accent. */
 .nova-blog-post-item {
   padding: calc(var(--nova-shape-padding) * 1.5);
-  background-color: var(--nova-color-neutral-50);
-  border: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  border: 1px solid var(--nova-color-border);
   border-left: 3px solid var(--nova-color-primary-500);
-  transition: border-color 100ms ease;
+  transition: border-color var(--nova-motion-duration) ease;
 }
 /* Hover: left border emphasizes to primary. */
@@ -23,8 +65,7 @@
 /* Dark mode: deep neutral surface. */
 [data-theme="dark"] .nova-blog-post-item {
-  background-color: var(--nova-color-neutral-950);
-  border-color: var(--nova-color-neutral-800);
+  border-color: var(--nova-color-border);
   border-left-color: var(--nova-color-primary-400);
 }
@@ -43,7 +84,7 @@
   margin-bottom: 0.375rem;
   font-family: var(--nova-font-code);
-  font-size: 0.6875rem;
+  font-size: var(--nova-blog-date-size, 0.6875rem);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.06em;
@@ -55,7 +96,9 @@
   color: var(--nova-color-primary-400);
 }
-/* Post title — display font, compact. */
+/* Post title - display font, compact. 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.5rem;
@@ -67,18 +110,23 @@
 }
 .nova-blog-post-item-header h1 {
-  font-size: 1.5rem;
-  color: var(--nova-color-neutral-900);
+  color: var(--nova-color-text);
 }
 .nova-blog-post-item-header h2 {
-  font-size: 1rem;
-  color: var(--nova-color-neutral-900);
+  font-size: var(--nova-blog-card-title-size, 1rem);
+  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.0625rem);
+  }
 }
 [data-theme="dark"] .nova-blog-post-item-header h1,
 [data-theme="dark"] .nova-blog-post-item-header h2 {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text);
 }
 /* Title link inherits color. */
@@ -86,7 +134,7 @@
   color: inherit;
   text-decoration: none;
-  transition: color 100ms ease;
+  transition: color var(--nova-motion-duration) ease;
 }
 .nova-blog-post-item-header h2 a:hover,
@@ -119,14 +167,16 @@
   border-radius: 50%;
 }
-.nova-blog-post-item-author span {
+.nova-blog-post-item-author span,
+.nova-blog-post-item-author-link {
   font-family: var(--nova-font-code);
-  font-size: 0.75rem;
-  color: var(--nova-color-neutral-500);
+  font-size: var(--nova-blog-author-size, 0.75rem);
+  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);
 }
 /* ============================
@@ -134,34 +184,30 @@
  * ============================ */
 .nova-blog-post-item-content {
-  font-size: 0.875rem;
-  line-height: 1.6;
-  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.55);
+  color: var(--nova-color-text-muted);
 }
 /* ============================
  * 5. Footer
  * ============================ */
-/* Footer — top border separator. */
+/* Footer - top border separator. */
 .nova-blog-post-item-footer {
-  margin-top: 1.5rem;
+  margin-top: var(--nova-blog-footer-spacing-top, 1.5rem);
   padding-top: 1rem;
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
 }
 [data-theme="dark"] .nova-blog-post-item-footer {
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
-/* Read-more link — code font, uppercase. */
+/* Read-more link - code font, uppercase. */
 .nova-blog-post-item-read-more {
   font-family: var(--nova-font-code);
-  font-size: 0.75rem;
+  font-size: var(--nova-blog-read-more-size, 0.75rem);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -169,12 +215,13 @@
   text-decoration: none;
-  transition: color 100ms ease;
+  transition: color var(--nova-motion-duration) ease;
 }
 .nova-blog-post-item-read-more:hover,
 .nova-blog-post-item-read-more:focus-visible {
   color: var(--nova-color-primary-500);
+  text-decoration: none;
 }
 [data-theme="dark"] .nova-blog-post-item-read-more {
@@ -185,4 +232,3 @@
 [data-theme="dark"] .nova-blog-post-item-read-more:focus-visible {
   color: var(--nova-color-primary-300);
 }

package/build/src/styles/presets/signal/theme/BlogPostItems/style.css ADDED Viewed

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

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

@@ -1,5 +1,5 @@
 /**
- * Signal — Blog Post Paginator visual styling.
+ * Signal - Blog Post Paginator visual styling.
  *
  * @since 0.15.0
  */
@@ -7,11 +7,11 @@
 .nova-blog-post-paginator {
   margin-top: 1rem;
   padding-top: 1rem;
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
 }
 [data-theme="dark"] .nova-blog-post-paginator {
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
 /* ============================
@@ -24,11 +24,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  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);
 }
 /* ============================
@@ -48,13 +44,13 @@
 .nova-blog-post-paginator-link:hover,
 .nova-blog-post-paginator-link:focus-visible {
   border-left-color: var(--nova-color-primary-500);
-  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 {
   border-left-color: var(--nova-color-primary-400);
-  background-color: var(--nova-color-neutral-900);
+  background-color: var(--nova-color-text);
 }
 /* ============================
@@ -66,7 +62,7 @@
   font-size: 0.625rem;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 /* ============================
@@ -76,11 +72,7 @@
 .nova-blog-post-paginator-title {
   font-size: 0.8125rem;
   font-weight: 600;
-  color: var(--nova-color-neutral-900);
-}
-[data-theme="dark"] .nova-blog-post-paginator-title {
-  color: var(--nova-color-neutral-100);
+  color: var(--nova-color-text);
 }
 .nova-blog-post-paginator-link:hover .nova-blog-post-paginator-title,
@@ -99,10 +91,6 @@
 .nova-blog-post-paginator-excerpt {
   font-size: 0.8125rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   line-height: 1.5;
 }
-[data-theme="dark"] .nova-blog-post-paginator-excerpt {
-  color: var(--nova-color-neutral-400);
-}

package/build/src/styles/presets/signal/theme/BlogSidebar/style.css CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Signal — Blog Sidebar visual styling.
+ * Signal - Blog Sidebar visual styling.
  *
  * @since 0.15.0
  */
@@ -11,7 +11,6 @@
 /* Section label in code font. */
 .nova-blog-sidebar strong {
   font-family: var(--nova-font-code);
-  font-size: 0.6875rem;
   letter-spacing: 0.06em;
   color: var(--nova-color-primary-500);
@@ -26,13 +25,11 @@
  * ============================ */
 .nova-blog-sidebar h4 {
-  font-size: 0.75rem;
-  color: var(--nova-color-neutral-700);
+  color: var(--nova-color-text);
 }
 [data-theme="dark"] .nova-blog-sidebar h4 {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text);
 }
 /* ============================
@@ -44,15 +41,15 @@
   padding: 0.1875rem 0.5rem;
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-600);
+  color: var(--nova-color-text-muted);
   border-left: 2px solid transparent;
-  transition: color 100ms ease,
-              border-left-color 100ms ease;
+  transition: color var(--nova-motion-duration) ease,
+              border-left-color var(--nova-motion-duration) ease;
 }
 [data-theme="dark"] .nova-blog-sidebar a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 .nova-blog-sidebar a:hover,
@@ -66,9 +63,3 @@
   color: var(--nova-color-primary-400);
   border-left-color: var(--nova-color-primary-400);
 }
-/* ============================
- * 4. Sidebar Border
- * ============================ */
-/* Aside border and padding inherited from DocSidebar preset (bare aside selector). */

package/build/src/styles/presets/signal/theme/BlogSidebarMobile/style.css ADDED Viewed

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

@@ -0,0 +1,11 @@
+/**
+ * Signal - `BlogTagsListPage` theme overlay.
+ *
+ * Signal uses tighter pill spacing for dense tag clouds.
+ *
+ * @since 0.18.0
+ */
+.nova-blog-tags-list {
+  gap: 0.375rem;
+}

package/build/src/styles/presets/signal/theme/BlogTagsPostsPage/style.css ADDED Viewed

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

@@ -1,11 +1,34 @@
 /**
- * Signal — Code block visual styling.
+ * Signal - Code block visual styling.
  *
  * @since 0.15.0
  */
+/* ============================
+ * 0. Preset-owned rhythm tokens
+ *
+ * Tightest code-block margin of any preset (1rem) - terminal-density
+ * identity. Now symmetric (was previously asymmetric `margin-bottom`
+ * only).
+ * ============================ */
+:root {
+  --nova-signal-code-block-margin-block: 1rem;
+}
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/CodeBlock
+ * ============================ */
+:root {
+  --nova-code-block-margin-block: var(--nova-signal-code-block-margin-block);
+}
 /* ============================
  * 1. Code Block Container
+ *
+ * Block-margin flows from shared theme/CodeBlock via the canonical
+ * `--nova-code-block-margin-block` token.
  * ============================ */
 /* Sharp corners, bordered, no shadow. */
@@ -13,8 +36,6 @@
   border: var(--nova-depth-code-border);
   border-radius: var(--nova-shape-radius);
   box-shadow: var(--nova-depth-code-shadow);
-  overflow: hidden;
-  margin-bottom: 1rem;
 }
 .shiki {
@@ -28,7 +49,7 @@
  * 2. Title Bar
  * ============================ */
-/* Title bar — dense, monospace, uppercase. */
+/* Title bar - dense, monospace, uppercase. */
 .nova-code-block-title {
   padding: 0.3125rem 0.75rem;
   font-size: 0.6875rem;
@@ -36,15 +57,13 @@
   font-family: var(--nova-font-code);
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  background-color: var(--nova-color-neutral-100);
-  color: var(--nova-color-neutral-500);
-  border-bottom: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  color: var(--nova-color-text-muted);
+  border-bottom: 1px solid var(--nova-color-border);
 }
 [data-theme="dark"] .nova-code-block-title {
-  background-color: var(--nova-color-neutral-900);
-  color: var(--nova-color-neutral-500);
-  border-bottom-color: var(--nova-color-neutral-800);
+  border-bottom-color: var(--nova-color-border);
 }
 /* ============================
@@ -57,7 +76,7 @@
   font-weight: 500;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 /* ============================
@@ -65,11 +84,14 @@
  * ============================ */
 .nova-code-block-toolbar {
-  border-bottom: 1px solid var(--nova-color-neutral-200);
+  padding: 0.3125rem 0.5rem 0.3125rem 0.75rem;
+  background-color: var(--nova-color-surface-raised);
+  border-bottom: 1px solid var(--nova-color-border);
 }
 [data-theme="dark"] .nova-code-block-toolbar {
-  border-bottom-color: var(--nova-color-neutral-800);
+  border-bottom-color: var(--nova-color-border);
 }
 /* ============================
@@ -77,16 +99,16 @@
  * ============================ */
 .nova-code-block-copy {
-  color: var(--nova-color-neutral-400);
-  background-color: var(--nova-color-neutral-100);
-  border: 1px solid var(--nova-color-neutral-300);
+  color: var(--nova-color-text-muted);
+  background-color: var(--nova-signal-chrome-overlay);
+  border: 1px solid var(--nova-color-border);
   font-size: 0.6875rem;
   padding: 0.125rem 0.375rem;
+  transition: color var(--nova-motion-duration) ease;
 }
 [data-theme="dark"] .nova-code-block-copy {
-  background-color: rgba(255, 255, 255, 0.04);
-  border-color: var(--nova-color-neutral-700);
+  border-color: var(--nova-color-border);
 }
 .nova-code-block-copy:active {
@@ -124,20 +146,19 @@
  * ============================ */
 .nova-code-block-expand {
-  background-color: var(--nova-color-neutral-50);
-  color: var(--nova-color-neutral-500);
-  border: none;
-  border-top: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  color: var(--nova-color-text-muted);
+  border-top: 1px solid var(--nova-color-border);
   font-size: 0.75rem;
   font-family: var(--nova-font-code);
   text-transform: uppercase;
   letter-spacing: 0.04em;
+  transition: color var(--nova-motion-duration) ease;
 }
 [data-theme="dark"] .nova-code-block-expand {
-  background-color: var(--nova-color-neutral-900);
-  color: var(--nova-color-neutral-500);
-  border-top-color: var(--nova-color-neutral-800);
+  background-color: var(--nova-color-text);
+  border-top-color: var(--nova-color-border);
 }
 .nova-code-block-expand:hover,
@@ -155,16 +176,15 @@
  * ============================ */
 .nova-code-block-wrap {
-  background-color: var(--nova-color-neutral-100);
-  border: 1px solid var(--nova-color-neutral-300);
-  color: var(--nova-color-neutral-400);
+  background-color: var(--nova-signal-chrome-overlay);
+  border: 1px solid var(--nova-color-border);
+  color: var(--nova-color-text-muted);
   font-size: 0.6875rem;
   padding: 0.125rem 0.375rem;
 }
 [data-theme="dark"] .nova-code-block-wrap {
-  background-color: rgba(255, 255, 255, 0.04);
-  border-color: var(--nova-color-neutral-700);
+  border-color: var(--nova-color-border);
 }
 .nova-code-block-wrap:active,

package/build/src/styles/presets/signal/theme/CodeInline/style.css ADDED Viewed

@@ -0,0 +1,22 @@
+/**
+ * Signal - `CodeInline` theme overlay.
+ *
+ * Inline `code` snippets. Sharp terminal block - flat rose-tinted bg, no
+ * radius, mono.
+ *
+ * @since 0.18.0
+ */
+.nova-code-inline {
+  padding: 0.0625em 0.25em;
+  font-family: var(--nova-font-code);
+  font-size: 0.8125em;
+  color: var(--nova-color-primary-700);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-signal-bg) 94%);
+  border-radius: var(--nova-signal-radius-sharp);
+}
+[data-theme="dark"] .nova-code-inline {
+  color: var(--nova-color-primary-300);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-signal-bg) 84%);
+}

package/build/src/styles/presets/signal/theme/ColorModeToggle/style.css ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Signal - `ColorModeToggle` theme overlay.
+ *
+ * Tiny-surface fallback baseline for the light/dark switch icon. Variant
+ * overlays already scope this inside the active navbar variant; this
+ * wrapper provides defaults for any consumer who renders the toggle
+ * outside a variant.
+ *
+ * @since 0.18.0
+ */
+.nova-color-mode-toggle {
+  color: var(--nova-color-text-muted);
+}
+.nova-color-mode-toggle:hover,
+.nova-color-mode-toggle:focus-visible {
+  color: var(--nova-color-primary-600);
+}
+[data-theme="dark"] .nova-color-mode-toggle:hover,
+[data-theme="dark"] .nova-color-mode-toggle:focus-visible {
+  color: var(--nova-color-primary-300);
+}

package/build/src/styles/presets/signal/theme/ContentFooter/Edit/style.css ADDED Viewed

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

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

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

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