@cbnventures/docusaurus-preset-nova 0.0.0 → 0.15.0

package/build/src/styles/presets/signal/components/app-market-download/style.css

@@ -0,0 +1,81 @@
+/**
+ * Signal — App market download visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Section
+ * ============================ */
+
+/* ============================
+ * 2. Label
+ * ============================ */
+
+.nova-app-market-download-label {
+  font-family: var(--nova-font-code);
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--nova-color-neutral-500);
+  margin-bottom: 0.75rem;
+}
+
+[data-theme="dark"] .nova-app-market-download-label {
+  color: var(--nova-color-neutral-400);
+}
+
+/* ============================
+ * 3. Button
+ * ============================ */
+
+.nova-app-market-download-button {
+  padding: 0.5rem 1rem;
+
+  color: var(--nova-color-neutral-50);
+
+  background-color: var(--nova-color-neutral-900);
+  border: 2px solid var(--nova-color-neutral-900);
+
+  transition: background-color var(--nova-motion-duration) ease,
+              border-color var(--nova-motion-duration) ease;
+}
+
+.nova-app-market-download-button:hover,
+.nova-app-market-download-button:focus-visible {
+  color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-primary-600);
+  border-color: var(--nova-color-primary-600);
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-app-market-download-button {
+  color: var(--nova-color-neutral-50);
+}
+
+[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);
+  background-color: var(--nova-color-primary-500);
+  border-color: var(--nova-color-primary-500);
+}
+
+/* ============================
+ * 4. Button Text
+ * ============================ */
+
+.nova-app-market-download-button-subtitle {
+  font-size: 0.5rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  line-height: 1.2;
+  opacity: 0.8;
+}
+
+.nova-app-market-download-button-title {
+  font-family: var(--nova-font-display);
+  font-size: 1.0625rem;
+  font-weight: 700;
+  line-height: 1.2;
+}

package/build/src/styles/presets/signal/components/blog-preview/style.css

@@ -0,0 +1,140 @@
+/**
+ * Signal — Blog preview visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Blog Preview Container
+ * ============================ */
+
+/* ============================
+ * 2. Blog Preview Heading
+ * ============================ */
+
+.nova-blog-preview-heading {
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: var(--nova-color-neutral-900);
+}
+
+.nova-blog-preview-no-description .nova-blog-preview-heading {
+  margin-bottom: calc(var(--nova-shape-gap) * 2);
+}
+
+.nova-blog-preview-has-description .nova-blog-preview-heading {
+  margin-bottom: var(--nova-shape-gap);
+}
+
+[data-theme="dark"] .nova-blog-preview-heading {
+  color: var(--nova-color-neutral-50);
+}
+
+.nova-blog-preview-description {
+  font-size: 0.8125rem;
+  line-height: 1.55;
+  color: var(--nova-color-neutral-500);
+  margin-bottom: calc(var(--nova-shape-gap) * 1.25);
+}
+
+[data-theme="dark"] .nova-blog-preview-description {
+  color: var(--nova-color-neutral-400);
+}
+
+/* ============================
+ * 3. Blog Preview Card
+ * ============================ */
+
+.nova-blog-preview-card {
+  padding: calc(var(--nova-shape-padding) * 2);
+  background-color: var(--nova-color-neutral-50);
+  border: 1px solid var(--nova-color-neutral-200);
+  border-left: 3px solid var(--nova-color-primary-500);
+  transition:
+    border-color var(--nova-motion-duration) ease,
+    background-color var(--nova-motion-duration) ease;
+}
+
+[data-theme="dark"] .nova-blog-preview-card {
+  background-color: var(--nova-color-neutral-950);
+  border-color: var(--nova-color-neutral-800);
+  border-left-color: var(--nova-color-primary-400);
+}
+
+.nova-blog-preview-card:hover {
+  border-color: var(--nova-color-primary-500);
+  border-left-color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-blog-preview-card:hover {
+  border-color: var(--nova-color-primary-400);
+  border-left-color: var(--nova-color-primary-300);
+}
+
+/* ============================
+ * 4. Blog Preview Card Content
+ * ============================ */
+
+.nova-blog-preview-card time {
+  display: block;
+  font-family: var(--nova-font-code);
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--nova-color-primary-500);
+  margin-bottom: calc(var(--nova-shape-gap) * 0.5);
+}
+
+[data-theme="dark"] .nova-blog-preview-card time {
+  color: var(--nova-color-primary-400);
+}
+
+.nova-blog-preview-card h3 {
+  font-family: var(--nova-font-display);
+  font-size: 0.9375rem;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+  margin-bottom: calc(var(--nova-shape-gap) * 0.5);
+  color: var(--nova-color-neutral-900);
+}
+
+[data-theme="dark"] .nova-blog-preview-card h3 {
+  color: var(--nova-color-neutral-50);
+}
+
+.nova-blog-preview-card p {
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--nova-color-neutral-500);
+  margin-bottom: calc(var(--nova-shape-gap) * 0.75);
+}
+
+[data-theme="dark"] .nova-blog-preview-card p {
+  color: var(--nova-color-neutral-400);
+}
+
+.nova-blog-preview-card a {
+  font-family: var(--nova-font-code);
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-blog-preview-card a {
+  color: var(--nova-color-primary-400);
+}
+
+.nova-blog-preview-card a:hover,
+.nova-blog-preview-card a:focus-visible {
+  color: var(--nova-color-primary-500);
+}
+
+[data-theme="dark"] .nova-blog-preview-card a:hover,
+[data-theme="dark"] .nova-blog-preview-card a:focus-visible {
+  color: var(--nova-color-primary-300);
+}

package/build/src/styles/presets/signal/components/features/style.css

@@ -0,0 +1,89 @@
+/**
+ * Signal — Features grid visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Features Container
+ * ============================ */
+
+.nova-features-heading {
+  text-align: center;
+}
+
+/* ============================
+ * 2. Features Grid
+ * ============================ */
+
+/* Spreadsheet grid — 1px borders between cells. KEEP THIS. */
+.nova-features-grid {
+  gap: 1px;
+  background-color: var(--nova-color-neutral-200);
+  border: 1px solid var(--nova-color-neutral-200);
+}
+
+[data-theme="dark"] .nova-features-grid {
+  background-color: var(--nova-color-neutral-800);
+  border-color: var(--nova-color-neutral-800);
+}
+
+/* ============================
+ * 3. Feature Card
+ * ============================ */
+
+.nova-feature-card {
+  padding: 1rem;
+  background-color: var(--nova-color-neutral-50);
+}
+
+[data-theme="dark"] .nova-feature-card {
+  background-color: var(--nova-color-neutral-950);
+}
+
+.nova-feature-card-icon {
+  margin-bottom: 0.5rem;
+  color: var(--nova-color-primary-500);
+  font-size: 1.25rem;
+}
+
+[data-theme="dark"] .nova-feature-card-icon {
+  color: var(--nova-color-primary-400);
+}
+
+.nova-feature-card-title {
+  font-family: var(--nova-font-display);
+  font-size: 0.8125rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  margin-bottom: 0.25rem;
+  color: var(--nova-color-neutral-900);
+  border: none;
+  padding: 0;
+}
+
+[data-theme="dark"] .nova-feature-card-title {
+  color: var(--nova-color-neutral-50);
+}
+
+.nova-feature-card-description {
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--nova-color-neutral-500);
+  margin: 0;
+}
+
+[data-theme="dark"] .nova-feature-card-description {
+  color: var(--nova-color-neutral-400);
+}
+
+/* ============================
+ * 4. Responsive
+ * ============================ */
+
+@media (min-width: 768px) {
+  .nova-feature-card {
+    padding: 1.25rem;
+  }
+}

package/build/src/styles/presets/signal/components/hero/style.css

@@ -0,0 +1,105 @@
+/**
+ * Signal — Hero visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Hero Container
+ * ============================ */
+
+.nova-hero {
+  margin: 2rem 0 1.5rem;
+  text-align: center;
+}
+
+/* ============================
+ * 2. Hero Eyebrow
+ * ============================ */
+
+.nova-hero-eyebrow {
+  font-family: var(--nova-font-code);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: var(--nova-color-accent-600);
+  margin-bottom: 0.625rem;
+}
+
+[data-theme="dark"] .nova-hero-eyebrow {
+  color: var(--nova-color-accent-400);
+}
+
+/* ============================
+ * 3. Hero Heading
+ * ============================ */
+
+.nova-hero-heading {
+  font-family: var(--nova-font-display);
+  font-size: 1.5rem;
+  font-weight: 700;
+  letter-spacing: -0.03em;
+  margin-bottom: 0.75rem;
+  color: var(--nova-color-neutral-900);
+  border: none;
+  padding: 0;
+}
+
+[data-theme="dark"] .nova-hero-heading {
+  color: var(--nova-color-neutral-50);
+}
+
+/* ============================
+ * 4. Hero Tagline
+ * ============================ */
+
+.nova-hero-tagline {
+  font-size: 0.875rem;
+  line-height: 1.55;
+  color: var(--nova-color-neutral-500);
+}
+
+[data-theme="dark"] .nova-hero-tagline {
+  color: var(--nova-color-neutral-400);
+}
+
+/* ============================
+ * 5. Hero Actions
+ * ============================ */
+
+.nova-hero-actions {
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 1.5rem;
+}
+
+/* ============================
+ * 6. Responsive
+ * ============================ */
+
+@media (min-width: 480px) {
+  .nova-hero-heading {
+    font-size: 1.75rem;
+  }
+
+  .nova-hero-actions {
+    flex-direction: row;
+    align-items: stretch;
+  }
+}
+
+@media (min-width: 768px) {
+  .nova-hero {
+    margin: 3rem 0 2rem;
+  }
+
+  .nova-hero-heading {
+    font-size: 2.25rem;
+  }
+
+  .nova-hero-tagline {
+    font-size: 0.9375rem;
+  }
+}

package/build/src/styles/presets/signal/components/install-strip/style.css

@@ -0,0 +1,182 @@
+/**
+ * Signal — Install strip visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Install Strip Container
+ * ============================ */
+
+/* ============================
+ * 2. Block Variant — Unified Card
+ * ============================ */
+
+/* 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);
+
+  transition: border-color var(--nova-motion-duration) ease;
+}
+
+.nova-install-strip-command-block:hover,
+.nova-install-strip-command-block:focus-visible {
+  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
+ * ============================ */
+
+/* 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);
+}
+
+@media (min-width: 640px) {
+  .nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-code {
+    padding-right: 1rem;
+  }
+}
+
+[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. */
+.nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
+  color: var(--nova-color-neutral-50);
+
+  background-color: var(--nova-color-neutral-900);
+  border: 1px solid var(--nova-color-neutral-900);
+
+  transition: color var(--nova-motion-duration) ease,
+              background-color var(--nova-motion-duration) ease,
+              border-color var(--nova-motion-duration) ease;
+}
+
+.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);
+  background-color: var(--nova-color-primary-500);
+  border-color: var(--nova-color-primary-500);
+}
+
+/* ============================
+ * 4. Code Display
+ * ============================ */
+
+/* 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);
+}
+
+.nova-install-strip .nova-install-strip-code::before {
+  content: "$";
+
+  margin-right: 0.5rem;
+
+  color: var(--nova-color-primary-500);
+  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);
+}
+
+@media (min-width: 640px) {
+  .nova-install-strip .nova-install-strip-code {
+    padding: 0.5rem 0 0.5rem 1.25rem;
+    font-size: 0.8125rem;
+  }
+}
+
+/* ============================
+ * 5. Block Variant Copy Icon
+ * ============================ */
+
+/* Block copy button — muted icon flush inside the slab. */
+.nova-install-strip-command-block .nova-install-strip-copy {
+  padding: 0.5rem 0.875rem;
+  color: var(--nova-color-neutral-400);
+}
+
+[data-theme="dark"] .nova-install-strip-command-block .nova-install-strip-copy {
+  color: var(--nova-color-neutral-600);
+}
+
+/* ============================
+ * 6. Text Copy Button
+ * ============================ */
+
+/* Text copy button — monospace uppercase label matching CTA style. */
+.nova-install-strip-copy-text {
+  padding: 0.5rem 1rem;
+
+  font-family: var(--nova-font-code);
+  font-size: 0.625rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+/* ============================
+ * 7. Label
+ * ============================ */
+
+/* Label — uppercase monospace descriptor. */
+.nova-install-strip-label {
+  font-family: var(--nova-font-code);
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+
+  color: var(--nova-color-neutral-500);
+
+  margin-bottom: 0.375rem;
+}
+
+[data-theme="dark"] .nova-install-strip-label {
+  color: var(--nova-color-neutral-400);
+}
+

package/build/src/styles/presets/signal/components/terminology/style.css

@@ -0,0 +1,35 @@
+/**
+ * Signal — Terminology inline term visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Terminology
+ * ============================ */
+
+.nova-terminology {
+  text-decoration: underline dotted var(--nova-color-neutral-400);
+  text-underline-offset: 2px;
+
+  transition: color var(--nova-motion-duration) ease,
+              text-decoration-color var(--nova-motion-duration) ease;
+}
+
+.nova-terminology:hover,
+.nova-terminology:focus-visible,
+.nova-terminology-colored {
+  color: var(--nova-color-primary-500);
+  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 {
+  color: var(--nova-color-primary-400);
+  text-decoration-color: var(--nova-color-primary-400);
+}