@cbnventures/docusaurus-preset-nova 0.16.2 → 0.18.0

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

@@ -1,5 +1,5 @@
 /**
- * Signal — Install strip visual styling.
+ * Signal - Install strip visual styling.
  *
  * @since 0.15.0
  */
@@ -9,15 +9,15 @@
  * ============================ */
 
 /* ============================
- * 2. Block Variant — Unified Card
+ * 2. Block Variant - Unified Card
  * ============================ */
 
-/* Block variant — dark terminal block, sharp corners, hard border. */
+/* Block variant - dark terminal block, sharp corners, hard border. */
 .nova-install-strip-command-block {
   gap: 0;
 
-  background-color: var(--nova-color-neutral-900);
-  border: 1px solid var(--nova-color-neutral-900);
+  background-color: var(--nova-color-text);
+  border: 1px solid var(--nova-color-text);
 
   transition: border-color var(--nova-motion-duration) ease;
 }
@@ -27,26 +27,21 @@
   border-color: var(--nova-color-primary-500);
 }
 
-[data-theme="dark"] .nova-install-strip-command-block {
-  background-color: var(--nova-color-neutral-50);
-  border-color: var(--nova-color-neutral-50);
-}
-
 [data-theme="dark"] .nova-install-strip-command-block:hover,
 [data-theme="dark"] .nova-install-strip-command-block:focus-visible {
   border-color: var(--nova-color-primary-400);
 }
 
 /* ============================
- * 3. Icon Variant — Two Floating Blocks
+ * 3. Icon Variant - Two Floating Blocks
  * ============================ */
 
-/* Code block — dark slab, heavy border, no hover. */
+/* Code block - dark slab, heavy border, no hover. */
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-code {
   padding-right: 0.875rem;
 
-  background-color: var(--nova-color-neutral-900);
-  border: 1px solid var(--nova-color-neutral-900);
+  background-color: var(--nova-color-text);
+  border: 1px solid var(--nova-color-text);
 }
 
 @media (min-width: 640px) {
@@ -55,17 +50,12 @@
   }
 }
 
-[data-theme="dark"] .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-code {
-  background-color: var(--nova-color-neutral-50);
-  border-color: var(--nova-color-neutral-50);
-}
-
-/* Copy button — same dark slab as the code block, flips to primary on hover. */
+/* Copy button - same dark slab as the code block, flips to primary on hover. */
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-background);
 
-  background-color: var(--nova-color-neutral-900);
-  border: 1px solid var(--nova-color-neutral-900);
+  background-color: var(--nova-color-text);
+  border: 1px solid var(--nova-color-text);
 
   transition: color var(--nova-motion-duration) ease,
               background-color var(--nova-motion-duration) ease,
@@ -74,20 +64,13 @@
 
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy:hover,
 .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy:focus-visible {
-  color: var(--nova-color-neutral-50);
   background-color: var(--nova-color-primary-600);
   border-color: var(--nova-color-primary-600);
 }
 
-[data-theme="dark"] .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
-  color: var(--nova-color-neutral-900);
-  background-color: var(--nova-color-neutral-50);
-  border-color: var(--nova-color-neutral-50);
-}
-
 [data-theme="dark"] .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy:hover,
 [data-theme="dark"] .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy:focus-visible {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   background-color: var(--nova-color-primary-500);
   border-color: var(--nova-color-primary-500);
 }
@@ -96,14 +79,14 @@
  * 4. Code Display
  * ============================ */
 
-/* Code element — monospace with rose dollar prefix. */
+/* Code element - monospace with rose dollar prefix. */
 .nova-install-strip .nova-install-strip-code {
   padding: 0.5rem 0 0.5rem 1rem;
 
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
   letter-spacing: 0.03em;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-background);
 }
 
 .nova-install-strip .nova-install-strip-code::before {
@@ -115,10 +98,6 @@
   font-weight: 700;
 }
 
-[data-theme="dark"] .nova-install-strip .nova-install-strip-code {
-  color: var(--nova-color-neutral-900);
-}
-
 [data-theme="dark"] .nova-install-strip .nova-install-strip-code::before {
   color: var(--nova-color-primary-400);
 }
@@ -134,36 +113,31 @@
  * 5. Block Variant Copy Icon
  * ============================ */
 
-/* Block copy button — muted icon flush inside the slab. */
+/* Block copy button - paired with code text color; brightens on parent hover.
+   Signal's slab is inverted (dark bg in light mode, light bg in dark mode), so the
+   icon picks up the same neutral-50/900 the code text uses. */
 .nova-install-strip-command-block .nova-install-strip-copy {
   padding: 0.5rem 0.875rem;
-  color: var(--nova-color-neutral-400);
-}
+  color: var(--nova-color-background);
 
-[data-theme="dark"] .nova-install-strip-command-block .nova-install-strip-copy {
-  color: var(--nova-color-neutral-600);
+  transition: color var(--nova-motion-duration) var(--nova-motion-easing);
 }
 
-/* ============================
- * 6. Text Copy Button
- * ============================ */
-
-/* Text copy button — monospace uppercase label matching CTA style. */
-.nova-install-strip-copy-text {
-  padding: 0.5rem 1rem;
+.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);
+}
 
-  font-family: var(--nova-font-code);
-  font-size: 0.625rem;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
+[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);
 }
 
 /* ============================
- * 7. Label
+ * 6. Label
  * ============================ */
 
-/* Label — uppercase monospace descriptor. */
+/* Label - uppercase monospace descriptor. */
 .nova-install-strip-label {
   font-family: var(--nova-font-code);
   font-size: 0.75rem;
@@ -171,12 +145,8 @@
   letter-spacing: 0.05em;
   text-transform: uppercase;
 
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 
   margin-bottom: 0.375rem;
 }
 
-[data-theme="dark"] .nova-install-strip-label {
-  color: var(--nova-color-neutral-400);
-}
-

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

@@ -0,0 +1,13 @@
+/**
+ * Signal - `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/signal/blocks/stats/style.css

@@ -0,0 +1,18 @@
+/**
+ * Signal - `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/signal/{components → blocks}/terminology/style.css

@@ -1,5 +1,5 @@
 /**
- * Signal — Terminology inline term visual styling.
+ * Signal - Terminology inline term visual styling.
  *
  * @since 0.15.0
  */
@@ -9,13 +9,17 @@
  * ============================ */
 
 .nova-terminology {
-  text-decoration: underline dotted var(--nova-color-neutral-400);
+  text-decoration: underline dotted var(--nova-color-text-soft);
   text-underline-offset: 2px;
 
   transition: color var(--nova-motion-duration) ease,
               text-decoration-color var(--nova-motion-duration) ease;
 }
 
+[data-theme="dark"] .nova-terminology {
+  text-decoration-color: var(--nova-color-text-muted);
+}
+
 .nova-terminology:hover,
 .nova-terminology:focus-visible,
 .nova-terminology-colored {
@@ -23,10 +27,6 @@
   text-decoration-color: var(--nova-color-primary-500);
 }
 
-[data-theme="dark"] .nova-terminology {
-  text-decoration-color: var(--nova-color-neutral-600);
-}
-
 [data-theme="dark"] .nova-terminology:hover,
 [data-theme="dark"] .nova-terminology:focus-visible,
 [data-theme="dark"] .nova-terminology-colored {

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

@@ -0,0 +1,12 @@
+/**
+ * Signal - `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);
+}