@cbnventures/docusaurus-preset-nova 0.17.0 → 0.18.0

package/build/src/styles/presets/lantern/theme/Footer/Launchpad/style.css

@@ -0,0 +1,207 @@
+/**
+ * Lantern - `Footer/Launchpad` theme overlay.
+ *
+ * Action-oriented footer with a grain-blended primary CTA tile leading
+ * into auto-fit columns of italic Fraunces headings (`~` leader) and
+ * mono uppercase carved labels, plus an amber-tinted social row.
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 1. Container - cream paper with hairline top border
+ * ============================ */
+
+.nova-footer-launchpad {
+  padding: 0;
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-lantern-bg) 96%);
+  border-top: 1px solid var(--nova-lantern-border);
+}
+
+[data-theme="dark"] .nova-footer-launchpad {
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-lantern-bg) 92%);
+}
+
+/* ============================
+ * 2. CTA block - italic Fraunces invitation
+ * ============================ */
+
+.nova-footer-launchpad-cta {
+  padding: 3rem 2rem;
+
+  background-color: var(--nova-color-primary-800);
+  background-image: linear-gradient(135deg, var(--nova-color-primary-800) 0%, color-mix(in srgb, var(--nova-color-primary-700), var(--nova-color-accent-700) 30%) 100%);
+  border: none;
+  text-align: center;
+}
+
+.nova-footer-launchpad-cta p {
+  margin: 0;
+
+  font-family: var(--nova-font-display);
+  font-style: italic;
+  font-weight: 500;
+  font-variation-settings: "opsz" 60;
+  font-size: 2rem;
+  color: var(--nova-lantern-bg);
+}
+
+[data-theme="dark"] .nova-footer-launchpad-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-700) 0%, color-mix(in srgb, var(--nova-color-primary-600), var(--nova-color-accent-700) 40%) 100%);
+}
+
+/* ============================
+ * 3. Columns - auto-fit grid for nav sections
+ * ============================ */
+
+.nova-footer-launchpad-columns {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 2rem;
+  padding-block: 2rem;
+}
+
+/* ============================
+ * 4. Section heading - italic Fraunces with `~` leader
+ * ============================ */
+
+.nova-footer-launchpad-columns h3 {
+  position: relative;
+  margin: 0 0 0.75rem;
+  padding-left: 1em;
+
+  font-family: var(--nova-font-display);
+  font-style: italic;
+  font-weight: 500;
+  font-variation-settings: "opsz" 36;
+  font-size: 1rem;
+  color: var(--nova-lantern-ink);
+}
+
+.nova-footer-launchpad-columns h3::before {
+  content: "~";
+  position: absolute;
+  left: 0;
+  color: var(--nova-color-primary-500);
+}
+
+/* ============================
+ * 5. Section link list - mono uppercase carved labels
+ * ============================ */
+
+.nova-footer-launchpad-columns nav ul {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  padding-left: 1em;
+}
+
+.nova-footer-launchpad-columns nav a {
+  font-family: var(--nova-font-code);
+  font-size: 0.78rem;
+  font-weight: 500;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--nova-lantern-ink-muted);
+  text-decoration: none;
+
+  transition: color var(--nova-lantern-transition);
+}
+
+.nova-footer-launchpad-columns nav a:hover,
+.nova-footer-launchpad-columns nav a:focus-visible {
+  color: var(--nova-color-primary-700);
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-footer-launchpad-columns nav a:hover,
+[data-theme="dark"] .nova-footer-launchpad-columns nav a:focus-visible {
+  color: var(--nova-color-primary-300);
+}
+
+.nova-footer-launchpad-columns nav a[target="_blank"] span::after {
+  background-color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-footer-launchpad-columns nav a[target="_blank"] span::after {
+  background-color: var(--nova-color-primary-400);
+}
+
+/* ============================
+ * 6. Social icons row
+ * ============================ */
+
+.nova-footer-launchpad-social {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 1rem;
+  padding-block: 1rem;
+}
+
+.nova-footer-launchpad-social a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+
+  color: var(--nova-color-primary-700);
+  border-radius: var(--nova-shape-radius);
+
+  transition:
+    color var(--nova-lantern-transition),
+    background-color var(--nova-lantern-transition),
+    transform var(--nova-lantern-transition);
+}
+
+.nova-footer-launchpad-social a:hover,
+.nova-footer-launchpad-social a:focus-visible {
+  color: var(--nova-color-primary-800);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 88%);
+  transform: var(--nova-lantern-hover-lift);
+}
+
+[data-theme="dark"] .nova-footer-launchpad-social a {
+  color: var(--nova-color-primary-300);
+}
+
+[data-theme="dark"] .nova-footer-launchpad-social a:hover,
+[data-theme="dark"] .nova-footer-launchpad-social a:focus-visible {
+  color: var(--nova-color-primary-200);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 80%);
+}
+
+/* ============================
+ * 7. Legal - copyright + credit, muted
+ * ============================ */
+
+.nova-footer-launchpad-legal {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.5rem;
+  padding-block: 1rem;
+  border-top: 1px solid var(--nova-lantern-border);
+}
+
+.nova-footer-launchpad-legal p {
+  margin: 0;
+
+  font-family: var(--nova-font-body);
+  font-size: 0.8rem;
+  color: var(--nova-lantern-ink-muted);
+}
+
+.nova-footer-launchpad-cta {
+  transition:
+    background-color var(--nova-lantern-transition),
+    border-color var(--nova-lantern-transition);
+}
+
+.nova-footer-launchpad-cta:hover p,
+.nova-footer-launchpad-cta:focus-visible p {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}

package/build/src/styles/presets/lantern/theme/Footer/Ledger/style.css

@@ -0,0 +1,142 @@
+/**
+ * Lantern - `Footer/Ledger` theme overlay.
+ *
+ * Minimal single-bar footer on warm cream paper with copyright, a small
+ * link cluster, and amber-tinted inline social tokens. CTA signature
+ * reuses the grain-blended primary tile with hover lift.
+ *
+ * @since 0.18.0
+ */
+
+/* ============================
+ * 1. Container - cream paper with hairline top border
+ * ============================ */
+
+.nova-footer-ledger {
+  padding: 0.5rem 0;
+  font-size: 0.75rem;
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-lantern-bg) 96%);
+  border-top: 1px solid var(--nova-lantern-border);
+}
+
+[data-theme="dark"] .nova-footer-ledger {
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), var(--nova-lantern-bg) 92%);
+}
+
+.nova-footer-ledger p {
+  margin: 0;
+
+  font-family: var(--nova-font-body);
+  font-size: 0.75rem;
+  color: var(--nova-lantern-ink-muted);
+}
+
+/* ============================
+ * 2. Links - mono uppercase carved labels
+ * ============================ */
+
+.nova-footer-ledger-links a {
+  font-family: var(--nova-font-body);
+  font-size: 0.78rem;
+  color: var(--nova-lantern-ink-muted);
+  text-decoration: none;
+
+  transition: color var(--nova-lantern-transition);
+}
+
+.nova-footer-ledger-links a:hover,
+.nova-footer-ledger-links a:focus-visible {
+  color: var(--nova-color-primary-700);
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-footer-ledger-links a:hover,
+[data-theme="dark"] .nova-footer-ledger-links a:focus-visible {
+  color: var(--nova-color-primary-300);
+}
+
+.nova-footer-ledger-links a[target="_blank"] span::after {
+  background-color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-footer-ledger-links a[target="_blank"] span::after {
+  background-color: var(--nova-color-primary-400);
+}
+
+/* ============================
+ * 3. Social icons - small inline tokens
+ * ============================ */
+
+.nova-footer-ledger-social a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+
+  color: var(--nova-color-primary-700);
+  border-radius: var(--nova-shape-radius);
+
+  transition:
+    color var(--nova-lantern-transition),
+    background-color var(--nova-lantern-transition),
+    transform var(--nova-lantern-transition);
+}
+
+.nova-footer-ledger-social a:hover,
+.nova-footer-ledger-social a:focus-visible {
+  color: var(--nova-color-primary-800);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 88%);
+  transform: var(--nova-lantern-hover-lift);
+}
+
+[data-theme="dark"] .nova-footer-ledger-social a {
+  color: var(--nova-color-primary-300);
+}
+
+[data-theme="dark"] .nova-footer-ledger-social a:hover,
+[data-theme="dark"] .nova-footer-ledger-social a:focus-visible {
+  color: var(--nova-color-primary-200);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 80%);
+}
+
+/* ============================
+ * CTA - preset signature.
+ * ============================ */
+
+.nova-footer-ledger-cta {
+  padding: 3rem 2rem;
+
+  background-color: var(--nova-color-primary-800);
+  background-image: linear-gradient(135deg, var(--nova-color-primary-800) 0%, color-mix(in srgb, var(--nova-color-primary-700), var(--nova-color-accent-700) 30%) 100%);
+  border: none;
+  text-align: center;
+}
+
+.nova-footer-ledger-cta p {
+  margin: 0;
+
+  font-family: var(--nova-font-display);
+  font-style: italic;
+  font-weight: 500;
+  font-variation-settings: "opsz" 60;
+  font-size: 2rem;
+  color: var(--nova-lantern-bg);
+}
+
+[data-theme="dark"] .nova-footer-ledger-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-700) 0%, color-mix(in srgb, var(--nova-color-primary-600), var(--nova-color-accent-700) 40%) 100%);
+}
+
+.nova-footer-ledger-cta {
+  transition:
+    background-color var(--nova-lantern-transition),
+    border-color var(--nova-lantern-transition);
+}
+
+.nova-footer-ledger-cta:hover p,
+.nova-footer-ledger-cta:focus-visible p {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}

package/build/src/styles/presets/lantern/theme/Footer/style.css

@@ -0,0 +1,11 @@
+/**
+ * Lantern - `Footer` theme overlay (placeholder).
+ *
+ * Each footer variant root (Commons / Embassy / Launchpad / Ledger) carries
+ * its own bg / border / color scheme in its sibling overlay; this file is
+ * intentionally empty so wrapper-level styles cannot win specificity
+ * collisions against variant rules. Consumers adding a custom variant
+ * should provide their own styling.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/lantern/theme/Heading/style.css

@@ -0,0 +1,133 @@
+/**
+ * Lantern - `Heading` theme overlay.
+ *
+ * Italic Fraunces display typography (opsz scales with size), in-article
+ * font-size scales, and a warm amber hash-link anchor affordance.
+ *
+ * Vertical-rhythm margins flow from shared theme/Heading via canonical
+ * `--nova-h{N}-margin-block-start/end` tokens. Lantern only diverges on
+ * `h2 margin-bottom` (1rem vs 0.75rem baseline) - all other heading
+ * margins match the baseline so no preset+component overrides defined.
+ *
+ * @since 0.18.0
+ */
+
+/**
+ * ============================
+ * 0. Preset-owned rhythm tokens
+ *
+ * Article h2 gets a slightly looser bottom gap (1rem) than the baseline
+ * (0.75rem) - fits lantern's editorial Fraunces voice where the section
+ * intro paragraph wants more breathing room.
+ * ============================
+ */
+
+:root {
+  --nova-lantern-h2-margin-block-end: 1rem;
+}
+
+/**
+ * ============================
+ * 0b. Canonical aliases - consumed by shared theme/Heading
+ * ============================
+ */
+
+:root {
+  --nova-h2-margin-block-end: var(--nova-lantern-h2-margin-block-end);
+}
+
+/**
+ * ============================
+ * 1. Heading typography - italic Fraunces
+ *
+ * The signature: italic display headings. Fraunces opsz scales with size.
+ * ============================
+ */
+
+h1, h2, h3, h4, h5, h6 {
+  color: var(--nova-lantern-ink);
+  letter-spacing: -0.01em;
+}
+
+h1 {
+  font-style: italic;
+  font-weight: 500;
+  font-variation-settings: "opsz" 96;
+  font-size: clamp(2rem, 4vw, 3rem);
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  text-wrap: pretty;
+}
+
+h2 {
+  font-style: italic;
+  font-weight: 500;
+  font-variation-settings: "opsz" 60;
+  letter-spacing: -0.015em;
+}
+
+h3 {
+  font-weight: 600;
+  font-variation-settings: "opsz" 36;
+}
+
+/**
+ * ============================
+ * 2. In-article heading typography
+ *
+ * Article-scoped font-sizes (with clamp()) sit on top of the bare-tag
+ * typography in Section 1 - landing-page section headings use their
+ * own `.nova-section-heading` etc. class which overrides these. Margins
+ * flow from shared theme/Heading via canonical tokens.
+ * ============================
+ */
+
+article h2,
+.nova-doc-content h2 {
+  font-size: clamp(1.5rem, 2.4vw, 1.85rem);
+}
+
+article h3,
+.nova-doc-content h3 {
+  font-size: clamp(1.2rem, 1.8vw, 1.4rem);
+}
+
+article h4,
+.nova-doc-content h4 {
+  font-weight: 600;
+  font-size: 1rem;
+}
+
+article h5,
+.nova-doc-content h5 {
+  font-weight: 600;
+  font-size: 0.9375rem;
+}
+
+article h6,
+.nova-doc-content h6 {
+  font-weight: 600;
+  font-size: 0.875rem;
+}
+
+/**
+ * ============================
+ * 3. Hash-link anchor - amber warmth
+ * ============================
+ */
+
+.nova-heading-hash-link {
+  color: color-mix(in srgb, var(--nova-color-primary-500), transparent 50%);
+}
+
+.nova-heading-hash-link:hover {
+  color: var(--nova-color-primary-600);
+}
+
+[data-theme="dark"] .nova-heading-hash-link {
+  color: color-mix(in srgb, var(--nova-color-primary-400), transparent 50%);
+}
+
+[data-theme="dark"] .nova-heading-hash-link:hover {
+  color: var(--nova-color-primary-300);
+}

package/build/src/styles/presets/lantern/theme/LastUpdated/style.css

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

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

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

@@ -0,0 +1,28 @@
+/**
+ * Lantern - `Loading` theme overlay.
+ *
+ * Warm amber ring on a lantern-border trail with a soft amber glow halo, and
+ * a slower contemplative ease-in-out rotation matching lantern's calm reading
+ * voice.
+ *
+ * @since 0.18.0
+ */
+
+/**
+ * ============================
+ * Lantern - Loading Spinner
+ * ============================
+ */
+
+.nova-loading-spinner {
+  border-color: var(--nova-lantern-border);
+  border-top-color: var(--nova-color-primary-700);
+  box-shadow: 0 0 8px color-mix(in srgb, var(--nova-color-primary-500), transparent 78%);
+
+  animation: nova-loading-spinner-rotate 1s ease-in-out infinite;
+}
+
+[data-theme="dark"] .nova-loading-spinner {
+  border-top-color: var(--nova-color-primary-300);
+  box-shadow: 0 0 10px color-mix(in srgb, var(--nova-color-primary-400), transparent 72%);
+}

package/build/src/styles/presets/lantern/theme/Logo/style.css

@@ -0,0 +1,9 @@
+/**
+ * Lantern - `Logo` theme overlay.
+ *
+ * Brand identity inherits lantern's amber-on-cream palette via the navbar
+ * variant overlays (`.nova-brand-light` / `.nova-brand-dark` rules). This
+ * file is a scaffold for any future Logo-specific identity rules.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/lantern/theme/MDXComponents/style.css

@@ -0,0 +1,8 @@
+/**
+ * Lantern - `MDXComponents` theme overlay.
+ *
+ * Tiny-surface - custom MDX renderers and MDX page wrapper. Inherits
+ * typography + colors from preset.css and DocItem/Content.
+ *
+ * @since 0.18.0
+ */