@cbnventures/docusaurus-preset-nova 0.0.0 → 0.15.0

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

@@ -0,0 +1,73 @@
+/**
+ * ============================
+ * Blog Preview — Section
+ * ============================
+ */
+
+.nova-blog-preview {
+  margin-block: var(--nova-section-gap);
+}
+
+/**
+ * ============================
+ * Blog Preview — Heading
+ * ============================
+ */
+
+.nova-blog-preview-heading {
+  margin-bottom: 1.5rem;
+}
+
+/**
+ * ============================
+ * Blog Preview — Description
+ * ============================
+ */
+
+.nova-blog-preview-description {
+  margin-top: 0;
+}
+
+/**
+ * ============================
+ * Blog Preview — Card Heading
+ * ============================
+ */
+
+.nova-blog-preview-card h3 {
+  margin-top: 0;
+  padding: 0;
+
+  border: none;
+}
+
+/**
+ * ============================
+ * Blog Preview — Card Time
+ * ============================
+ */
+
+/**
+ * ============================
+ * Blog Preview — No Posts
+ * ============================
+ */
+
+.nova-blog-preview-no-posts {
+  margin: 0;
+  color: var(--nova-color-neutral-500);
+}
+
+[data-theme="dark"] .nova-blog-preview-no-posts {
+  color: var(--nova-color-neutral-400);
+}
+
+/**
+ * ============================
+ * Blog Preview — Card Time
+ * ============================
+ */
+
+.nova-blog-preview-card time {
+  display: block;
+}

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

@@ -0,0 +1,31 @@
+/**
+ * ============================
+ * Features — Section
+ * ============================
+ */
+
+.nova-features {
+  margin-block: var(--nova-section-gap);
+}
+
+/**
+ * ============================
+ * Features — Heading
+ * ============================
+ */
+
+.nova-features-heading {
+  margin-block: calc(var(--nova-shape-gap) * 3);
+}
+
+/**
+ * ============================
+ * Features — Card Icon
+ * ============================
+ */
+
+.nova-feature-card-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

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

@@ -0,0 +1,21 @@
+/**
+ * ============================
+ * Hero — Section
+ * ============================
+ */
+
+.nova-hero {
+  margin-block: 0;
+}
+
+/**
+ * ============================
+ * Hero — Actions
+ * ============================
+ */
+
+.nova-hero-actions {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}

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

@@ -0,0 +1,107 @@
+/**
+ * ============================
+ * Install Strip — Section
+ * ============================
+ */
+
+.nova-install-strip {
+  margin-block: var(--nova-section-gap);
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Install Strip — Command
+ * ============================
+ */
+
+.nova-install-strip-command {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+}
+
+/**
+ * ============================
+ * Install Strip — Block Variant
+ * ============================
+ */
+
+.nova-install-strip button.nova-install-strip-command-block {
+  cursor: pointer;
+}
+
+/**
+ * ============================
+ * Install Strip — Icon Variant
+ * ============================
+ */
+
+/* Two separate floating blocks — no shared wrapper styling. */
+.nova-install-strip .nova-install-strip-command:not(.nova-install-strip-command-block) {
+  align-items: stretch;
+  gap: 0.5rem;
+
+  background: none;
+  border: none;
+  box-shadow: none;
+}
+
+/**
+ * ============================
+ * Install Strip — Code
+ * ============================
+ */
+
+.nova-install-strip .nova-install-strip-code {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+
+  white-space: nowrap;
+
+  background: none;
+  border: none;
+
+  overflow-x: auto;
+}
+
+.nova-install-strip-command-block .nova-install-strip-code {
+  min-width: 0;
+  overflow-x: auto;
+}
+
+/**
+ * ============================
+ * Install Strip — Copy Button
+ * ============================
+ */
+
+.nova-install-strip-copy {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  min-width: 22px;
+
+  background: none;
+  border: none;
+}
+
+/* Icon-only variant: copy button is a separate click target. */
+.nova-install-strip-command:not(.nova-install-strip-command-block) .nova-install-strip-copy {
+  width: 2.75rem;
+  cursor: pointer;
+}
+
+/**
+ * ============================
+ * Install Strip — Text Copy Button
+ * ============================
+ */
+
+.nova-install-strip-copy-text {
+  width: auto;
+  min-width: 4rem;
+  cursor: pointer;
+}

package/build/src/styles/components/spotlight/style.css

@@ -0,0 +1,67 @@
+/**
+ * ============================
+ * Spotlight — Section
+ * ============================
+ */
+
+.nova-spotlight {
+  margin-block: var(--nova-section-gap);
+}
+
+/**
+ * ============================
+ * Spotlight — Inner
+ * ============================
+ */
+
+.nova-spotlight-inner {
+  max-width: var(--nova-grid-md);
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Spotlight — Heading
+ * ============================
+ */
+
+.nova-spotlight-heading {
+  margin-block: calc(var(--nova-shape-gap) * 3);
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Spotlight — Code Snippet
+ * ============================
+ */
+
+.nova-spotlight-inner .nova-code-snippet {
+  padding: 1.5rem 1.75rem;
+  margin-block: calc(var(--nova-shape-gap) * 4);
+
+  font-family: var(--nova-font-code);
+  font-size: 0.875rem;
+  line-height: 1.7;
+  text-align: left;
+
+  overflow-x: auto;
+}
+
+/**
+ * ============================
+ * Spotlight — Section Description
+ * ============================
+ */
+
+.nova-spotlight-inner .nova-section-description {
+  font-size: 1rem;
+  line-height: 1.7;
+  text-align: center;
+}
+
+@media (min-width: 640px) {
+  .nova-spotlight-inner .nova-section-description {
+    font-size: 1.05rem;
+  }
+}

package/build/src/styles/components/stats/style.css

@@ -0,0 +1,64 @@
+/**
+ * ============================
+ * Stats — Section
+ * ============================
+ */
+
+.nova-stats {
+  margin-block: var(--nova-section-gap);
+}
+
+/**
+ * ============================
+ * Stats — Grid
+ * ============================
+ */
+
+.nova-stats-grid {
+  gap: 0;
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Stats — Heading
+ * ============================
+ */
+
+.nova-stats-heading {
+  margin-block-start: calc(var(--nova-shape-gap) * 2);
+  margin-block-end: calc(var(--nova-shape-gap) * 1);
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Stats — Description
+ * ============================
+ */
+
+.nova-stats-description {
+  margin-block-start: calc(var(--nova-shape-gap) * 1);
+  margin-block-end: calc(var(--nova-shape-gap) * 4);
+  text-align: center;
+}
+
+/**
+ * ============================
+ * Stats — Value
+ * ============================
+ */
+
+.nova-stat-value {
+  margin-block: calc(var(--nova-shape-gap) * 0.5);
+}
+
+/**
+ * ============================
+ * Stats — Label
+ * ============================
+ */
+
+.nova-stat-label {
+  margin: 0;
+}

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

@@ -0,0 +1,9 @@
+/**
+ * ============================
+ * Terminology — Inline Term
+ * ============================
+ */
+
+.nova-terminology {
+  cursor: help;
+}

package/build/src/styles/components/typewriter/style.css

@@ -0,0 +1,24 @@
+/**
+ * ============================
+ * Typewriter — Container
+ * ============================
+ */
+
+.nova-typewriter {
+  display: grid;
+}
+
+.nova-typewriter > * {
+  grid-area: 1 / 1;
+  align-self: center;
+}
+
+/**
+ * ============================
+ * Typewriter — Measure
+ * ============================
+ */
+
+.nova-typewriter-measure {
+  visibility: hidden;
+}

package/build/src/styles/grid.css

@@ -0,0 +1,217 @@
+/**
+ * Grid — Responsive container, column system, and breakpoint variables.
+ *
+ * @since 0.15.0
+ */
+
+:root {
+  --nova-grid-columns: 12;
+  --nova-grid-container-max: var(--nova-grid-xl);
+
+  --nova-grid-base: 320px;
+  --nova-grid-xxs: 360px;
+  --nova-grid-xs: 480px;
+  --nova-grid-sm: 640px;
+  --nova-grid-md: 768px;
+  --nova-grid-lg: 1024px;
+  --nova-grid-xl: 1280px;
+  --nova-grid-xxl: 1536px;
+  --nova-grid-3xl: 1920px;
+  --nova-grid-4xl: 2560px;
+
+  --nova-layout-navbar-max: var(--nova-grid-container-max);
+  --nova-layout-docs-max: var(--nova-grid-container-max);
+  --nova-layout-blog-max: var(--nova-grid-container-max);
+  --nova-layout-footer-max: var(--nova-grid-container-max);
+}
+
+.nova-container {
+  width: 100%;
+  max-width: var(--nova-grid-container-max);
+  margin-inline: auto;
+  padding-inline: var(--nova-grid-padding);
+}
+
+.nova-grid {
+  display: grid;
+  grid-template-columns: repeat(var(--nova-grid-columns), 1fr);
+  gap: var(--nova-grid-gutter);
+}
+
+/**
+ * Grid — Section container scoping.
+ *
+ * Each section wrapper re-scopes --nova-grid-container-max for its
+ * .nova-container children. Override --nova-layout-*-max in :root
+ * to control per-section width.
+ *
+ * @since 0.15.0
+ */
+
+.nova-doc-root  { --nova-grid-container-max: var(--nova-layout-docs-max); }
+.nova-blog-root { --nova-grid-container-max: var(--nova-layout-blog-max); }
+
+@media (min-width: 1024px) {
+  .nova-doc-root > .nova-container,
+  .nova-blog-root > .nova-container {
+    padding-inline: 0;
+  }
+}
+
+/* Grid — Base column spans */
+.nova-col-1 { grid-column: span 1; }
+.nova-col-2 { grid-column: span 2; }
+.nova-col-3 { grid-column: span 3; }
+.nova-col-4 { grid-column: span 4; }
+.nova-col-5 { grid-column: span 5; }
+.nova-col-6 { grid-column: span 6; }
+.nova-col-7 { grid-column: span 7; }
+.nova-col-8 { grid-column: span 8; }
+.nova-col-9 { grid-column: span 9; }
+.nova-col-10 { grid-column: span 10; }
+.nova-col-11 { grid-column: span 11; }
+.nova-col-12 { grid-column: span 12; }
+
+/* Grid — xxs (360px) */
+@media (min-width: 360px) {
+  .nova-col-xxs-1 { grid-column: span 1; }
+  .nova-col-xxs-2 { grid-column: span 2; }
+  .nova-col-xxs-3 { grid-column: span 3; }
+  .nova-col-xxs-4 { grid-column: span 4; }
+  .nova-col-xxs-5 { grid-column: span 5; }
+  .nova-col-xxs-6 { grid-column: span 6; }
+  .nova-col-xxs-7 { grid-column: span 7; }
+  .nova-col-xxs-8 { grid-column: span 8; }
+  .nova-col-xxs-9 { grid-column: span 9; }
+  .nova-col-xxs-10 { grid-column: span 10; }
+  .nova-col-xxs-11 { grid-column: span 11; }
+  .nova-col-xxs-12 { grid-column: span 12; }
+}
+
+/* Grid — xs (480px) */
+@media (min-width: 480px) {
+  .nova-col-xs-1 { grid-column: span 1; }
+  .nova-col-xs-2 { grid-column: span 2; }
+  .nova-col-xs-3 { grid-column: span 3; }
+  .nova-col-xs-4 { grid-column: span 4; }
+  .nova-col-xs-5 { grid-column: span 5; }
+  .nova-col-xs-6 { grid-column: span 6; }
+  .nova-col-xs-7 { grid-column: span 7; }
+  .nova-col-xs-8 { grid-column: span 8; }
+  .nova-col-xs-9 { grid-column: span 9; }
+  .nova-col-xs-10 { grid-column: span 10; }
+  .nova-col-xs-11 { grid-column: span 11; }
+  .nova-col-xs-12 { grid-column: span 12; }
+}
+
+/* Grid — sm (640px) */
+@media (min-width: 640px) {
+  .nova-col-sm-1 { grid-column: span 1; }
+  .nova-col-sm-2 { grid-column: span 2; }
+  .nova-col-sm-3 { grid-column: span 3; }
+  .nova-col-sm-4 { grid-column: span 4; }
+  .nova-col-sm-5 { grid-column: span 5; }
+  .nova-col-sm-6 { grid-column: span 6; }
+  .nova-col-sm-7 { grid-column: span 7; }
+  .nova-col-sm-8 { grid-column: span 8; }
+  .nova-col-sm-9 { grid-column: span 9; }
+  .nova-col-sm-10 { grid-column: span 10; }
+  .nova-col-sm-11 { grid-column: span 11; }
+  .nova-col-sm-12 { grid-column: span 12; }
+}
+
+/* Grid — md (768px) */
+@media (min-width: 768px) {
+  .nova-col-md-1 { grid-column: span 1; }
+  .nova-col-md-2 { grid-column: span 2; }
+  .nova-col-md-3 { grid-column: span 3; }
+  .nova-col-md-4 { grid-column: span 4; }
+  .nova-col-md-5 { grid-column: span 5; }
+  .nova-col-md-6 { grid-column: span 6; }
+  .nova-col-md-7 { grid-column: span 7; }
+  .nova-col-md-8 { grid-column: span 8; }
+  .nova-col-md-9 { grid-column: span 9; }
+  .nova-col-md-10 { grid-column: span 10; }
+  .nova-col-md-11 { grid-column: span 11; }
+  .nova-col-md-12 { grid-column: span 12; }
+}
+
+/* Grid — lg (1024px) */
+@media (min-width: 1024px) {
+  .nova-col-lg-1 { grid-column: span 1; }
+  .nova-col-lg-2 { grid-column: span 2; }
+  .nova-col-lg-3 { grid-column: span 3; }
+  .nova-col-lg-4 { grid-column: span 4; }
+  .nova-col-lg-5 { grid-column: span 5; }
+  .nova-col-lg-6 { grid-column: span 6; }
+  .nova-col-lg-7 { grid-column: span 7; }
+  .nova-col-lg-8 { grid-column: span 8; }
+  .nova-col-lg-9 { grid-column: span 9; }
+  .nova-col-lg-10 { grid-column: span 10; }
+  .nova-col-lg-11 { grid-column: span 11; }
+  .nova-col-lg-12 { grid-column: span 12; }
+}
+
+/* Grid — xl (1280px) */
+@media (min-width: 1280px) {
+  .nova-col-xl-1 { grid-column: span 1; }
+  .nova-col-xl-2 { grid-column: span 2; }
+  .nova-col-xl-3 { grid-column: span 3; }
+  .nova-col-xl-4 { grid-column: span 4; }
+  .nova-col-xl-5 { grid-column: span 5; }
+  .nova-col-xl-6 { grid-column: span 6; }
+  .nova-col-xl-7 { grid-column: span 7; }
+  .nova-col-xl-8 { grid-column: span 8; }
+  .nova-col-xl-9 { grid-column: span 9; }
+  .nova-col-xl-10 { grid-column: span 10; }
+  .nova-col-xl-11 { grid-column: span 11; }
+  .nova-col-xl-12 { grid-column: span 12; }
+}
+
+/* Grid — xxl (1536px) */
+@media (min-width: 1536px) {
+  .nova-col-xxl-1 { grid-column: span 1; }
+  .nova-col-xxl-2 { grid-column: span 2; }
+  .nova-col-xxl-3 { grid-column: span 3; }
+  .nova-col-xxl-4 { grid-column: span 4; }
+  .nova-col-xxl-5 { grid-column: span 5; }
+  .nova-col-xxl-6 { grid-column: span 6; }
+  .nova-col-xxl-7 { grid-column: span 7; }
+  .nova-col-xxl-8 { grid-column: span 8; }
+  .nova-col-xxl-9 { grid-column: span 9; }
+  .nova-col-xxl-10 { grid-column: span 10; }
+  .nova-col-xxl-11 { grid-column: span 11; }
+  .nova-col-xxl-12 { grid-column: span 12; }
+}
+
+/* Grid — 3xl (1920px) */
+@media (min-width: 1920px) {
+  .nova-col-3xl-1 { grid-column: span 1; }
+  .nova-col-3xl-2 { grid-column: span 2; }
+  .nova-col-3xl-3 { grid-column: span 3; }
+  .nova-col-3xl-4 { grid-column: span 4; }
+  .nova-col-3xl-5 { grid-column: span 5; }
+  .nova-col-3xl-6 { grid-column: span 6; }
+  .nova-col-3xl-7 { grid-column: span 7; }
+  .nova-col-3xl-8 { grid-column: span 8; }
+  .nova-col-3xl-9 { grid-column: span 9; }
+  .nova-col-3xl-10 { grid-column: span 10; }
+  .nova-col-3xl-11 { grid-column: span 11; }
+  .nova-col-3xl-12 { grid-column: span 12; }
+}
+
+/* Grid — 4xl (2560px) */
+@media (min-width: 2560px) {
+  .nova-col-4xl-1 { grid-column: span 1; }
+  .nova-col-4xl-2 { grid-column: span 2; }
+  .nova-col-4xl-3 { grid-column: span 3; }
+  .nova-col-4xl-4 { grid-column: span 4; }
+  .nova-col-4xl-5 { grid-column: span 5; }
+  .nova-col-4xl-6 { grid-column: span 6; }
+  .nova-col-4xl-7 { grid-column: span 7; }
+  .nova-col-4xl-8 { grid-column: span 8; }
+  .nova-col-4xl-9 { grid-column: span 9; }
+  .nova-col-4xl-10 { grid-column: span 10; }
+  .nova-col-4xl-11 { grid-column: span 11; }
+  .nova-col-4xl-12 { grid-column: span 12; }
+}

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

@@ -0,0 +1,94 @@
+/**
+ * Envoy — App market download visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Section
+ * ============================ */
+
+/* ============================
+ * 2. Label
+ * ============================ */
+
+.nova-app-market-download-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--nova-color-neutral-500);
+  margin-bottom: 1.25rem;
+}
+
+[data-theme="dark"] .nova-app-market-download-label {
+  color: var(--nova-color-neutral-400);
+}
+
+/* ============================
+ * 3. Button
+ * ============================ */
+
+.nova-app-market-download-button {
+  padding: 0.75rem 1.5rem;
+
+  color: var(--nova-color-neutral-50);
+
+  background-color: var(--nova-color-neutral-950);
+  border: none;
+  border-radius: var(--nova-envoy-radius-generous);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1),
+              0 0 0 0 transparent,
+              inset 0 1px 0 rgba(255, 255, 255, 0.06);
+
+  transition: box-shadow var(--nova-motion-duration) cubic-bezier(0.22, 1, 0.36, 1),
+              transform var(--nova-motion-duration) cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.nova-app-market-download-button:hover,
+.nova-app-market-download-button:focus-visible {
+  color: var(--nova-color-neutral-50);
+
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--nova-color-primary-500), transparent 75%),
+              0 8px 28px color-mix(in srgb, var(--nova-color-primary-500), transparent 80%),
+              inset 0 1px 0 rgba(255, 255, 255, 0.06);
+
+  transform: translateY(-2px);
+
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-app-market-download-button {
+  color: var(--nova-color-neutral-50);
+
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3),
+              0 0 0 0 transparent,
+              inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+[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);
+
+  box-shadow: 0 4px 16px color-mix(in srgb, var(--nova-color-primary-500), transparent 65%),
+              0 8px 32px color-mix(in srgb, var(--nova-color-primary-500), transparent 75%),
+              inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+/* ============================
+ * 4. Button Text
+ * ============================ */
+
+.nova-app-market-download-button-subtitle {
+  font-size: 0.5625rem;
+  font-weight: 500;
+  letter-spacing: 0.03em;
+  line-height: 1.2;
+  opacity: 0.85;
+}
+
+.nova-app-market-download-button-title {
+  font-family: var(--nova-font-display);
+  font-size: 1.1875rem;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  line-height: 1.2;
+}