@cbnventures/docusaurus-preset-nova 0.0.0 → 0.15.1

package/build/src/styles/theme/CodeBlock/style.css

@@ -0,0 +1,244 @@
+/**
+ * ============================
+ * Code Block — Shiki Theme
+ * ============================
+ */
+
+.shiki,
+.shiki span {
+  color: var(--shiki-light);
+
+  background-color: var(--shiki-light-bg);
+}
+
+[data-theme="dark"] .shiki,
+[data-theme="dark"] .shiki span {
+  color: var(--shiki-dark);
+
+  background-color: var(--shiki-dark-bg);
+}
+
+/**
+ * ============================
+ * Code Block — Container
+ * ============================
+ */
+
+.nova-code-block pre {
+  margin: 0;
+}
+
+/**
+ * ============================
+ * Code Block — Title Bar
+ * ============================
+ */
+
+.nova-code-block-title {
+  padding: 0.5rem 1rem;
+
+  font-size: 0.875rem;
+  font-weight: 600;
+
+  border-bottom: 1px solid var(--nova-color-neutral-200);
+}
+
+[data-theme="dark"] .nova-code-block-title {
+  border-bottom-color: var(--nova-color-neutral-700);
+}
+
+/**
+ * ============================
+ * Code Block — Toolbar
+ * ============================
+ */
+
+.nova-code-block-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.25rem;
+
+  padding: 0.5rem;
+}
+
+/**
+ * ============================
+ * Code Block — Toolbar Actions
+ * ============================
+ */
+
+.nova-code-block-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+/**
+ * ============================
+ * Code Block — Language Badge
+ * ============================
+ */
+
+.nova-code-block-lang {
+  margin-right: auto;
+
+  font-size: 0.75rem;
+
+  opacity: 0.7;
+  text-transform: uppercase;
+
+  pointer-events: none;
+}
+
+/**
+ * ============================
+ * Code Block — Copy Button
+ * ============================
+ */
+
+.nova-code-block-copy,
+.nova-code-block-wrap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+
+  font-size: 0.75rem;
+  line-height: 1;
+
+  background: none;
+  border: none;
+  border-radius: 0.25rem;
+
+  cursor: pointer;
+}
+
+[data-word-wrap="true"] .nova-code-block-wrap {
+  opacity: 1;
+}
+
+/**
+ * ============================
+ * Code Block — Line Numbers
+ * ============================
+ */
+
+[data-line-numbers] .line {
+  counter-increment: line;
+}
+
+[data-line-numbers] .line::before {
+  display: inline-block;
+  width: 2rem;
+  margin-right: 1rem;
+
+  content: counter(line);
+  text-align: right;
+
+  opacity: 0.6;
+}
+
+/**
+ * ============================
+ * Code Block — Line Highlighting
+ * ============================
+ */
+
+:root {
+  --nova-code-highlight-bg: rgba(59, 130, 246, 0.1);
+  --nova-code-diff-add-bg: rgba(34, 197, 94, 0.15);
+  --nova-code-diff-add-color: #22c55e;
+  --nova-code-diff-remove-bg: rgba(239, 68, 68, 0.15);
+  --nova-code-diff-remove-color: #ef4444;
+}
+
+[data-theme="dark"] {
+  --nova-code-highlight-bg: rgba(59, 130, 246, 0.2);
+}
+
+.line[data-highlighted="true"] {
+  background-color: var(--nova-code-highlight-bg);
+}
+
+/**
+ * ============================
+ * Code Block — Diff Highlighting
+ * ============================
+ */
+
+.line[data-diff-add="true"] {
+  background-color: var(--nova-code-diff-add-bg);
+}
+
+.line[data-diff-remove="true"] {
+  background-color: var(--nova-code-diff-remove-bg);
+}
+
+.line[data-diff-add="true"]::before {
+  margin-right: 0.5rem;
+
+  color: var(--nova-code-diff-add-color);
+
+  content: "+";
+}
+
+.line[data-diff-remove="true"]::before {
+  margin-right: 0.5rem;
+
+  color: var(--nova-code-diff-remove-color);
+
+  content: "-";
+}
+
+/**
+ * ============================
+ * Code Block — Word Wrap
+ * ============================
+ */
+
+[data-word-wrap="true"] code {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/**
+ * ============================
+ * Code Block — Collapsible
+ * ============================
+ */
+
+[data-collapsed="true"] pre {
+  max-height: 400px;
+
+  overflow: hidden;
+}
+
+.nova-code-block-expand {
+  display: block;
+  width: 100%;
+  padding: 0.5rem;
+
+  font-size: 0.875rem;
+  text-align: center;
+
+  cursor: pointer;
+}
+
+/**
+ * ============================
+ * Code Block — Pre Base
+ * ============================
+ */
+
+.shiki {
+  padding: 1rem;
+
+  border-radius: 0.375rem;
+
+  overflow-x: auto;
+}
+
+.shiki code {
+  counter-reset: line;
+}

package/build/src/styles/theme/CodeInline/style.css

@@ -0,0 +1,24 @@
+/**
+ * ============================
+ * Code Inline — Base
+ * ============================
+ */
+
+.nova-code-inline {
+  padding: 0.125rem 0.375rem;
+
+  font-family: var(--nova-font-code);
+  font-size: 0.875em;
+  color: var(--nova-color-primary-700);
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 94%);
+  border: 1px solid color-mix(in srgb, var(--nova-color-primary-500), transparent 88%);
+  border-radius: 0.25rem;
+}
+
+[data-theme="dark"] .nova-code-inline {
+  color: var(--nova-color-primary-300);
+
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
+  border-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 82%);
+}

package/build/src/styles/theme/ColorModeToggle/style.css

@@ -0,0 +1,39 @@
+/**
+ * ============================
+ * Color Mode Toggle
+ * ============================
+ */
+
+.nova-color-mode-toggle {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 0.375rem;
+
+  transition: background-color 200ms ease,
+    border-color 200ms ease,
+    color 200ms ease,
+    box-shadow 200ms ease;
+
+  cursor: pointer;
+}
+
+/* Extends touch target to 44px without changing visual size. */
+.nova-color-mode-toggle::after {
+  content: "";
+  position: absolute;
+  inset: -4px;
+}

package/build/src/styles/theme/ContentFooter/style.css

@@ -0,0 +1,106 @@
+/**
+ * Content Footer — Shared structural styles.
+ *
+ * @since 0.15.0
+ */
+
+/**
+ * ============================
+ * Content Footer — Layout
+ * ============================
+ */
+
+.nova-content-footer {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  padding: 0 0.75rem;
+}
+
+/**
+ * ============================
+ * Content Footer — Section
+ * ============================
+ */
+
+.nova-content-footer-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+/**
+ * ============================
+ * Content Footer — Section Label
+ * ============================
+ */
+
+.nova-content-footer-section-label {
+  display: block;
+
+  font-size: 0.6875rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+/**
+ * ============================
+ * Content Footer — Tags
+ * ============================
+ */
+
+.nova-content-footer-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.375rem;
+}
+
+/**
+ * ============================
+ * Content Footer — Share
+ * ============================
+ */
+
+.nova-content-footer-share {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.375rem;
+}
+
+/**
+ * ============================
+ * Content Footer — Share Button
+ * ============================
+ */
+
+.nova-content-footer-share-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+
+  padding: 0.375rem 0.625rem;
+
+  font-size: 0.75rem;
+  font-weight: 600;
+
+  text-decoration: none;
+
+  border: 1px solid var(--nova-color-neutral-200);
+  border-radius: var(--nova-shape-radius);
+  background: none;
+  cursor: pointer;
+}
+
+/**
+ * ============================
+ * Content Footer — Edit
+ * ============================
+ */
+
+.nova-content-footer-edit {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}

package/build/src/styles/theme/ContentVisibility/Draft/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Visibility Draft — Shared structural styles.
+ *
+ * @since 0.15.0
+ */

package/build/src/styles/theme/ContentVisibility/Unlisted/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Visibility Unlisted — Shared structural styles.
+ *
+ * @since 0.15.0
+ */

package/build/src/styles/theme/ContentVisibility/style.css

@@ -0,0 +1,5 @@
+/**
+ * Content Visibility — Shared structural styles.
+ *
+ * @since 0.15.0
+ */

package/build/src/styles/theme/Details/style.css

@@ -0,0 +1,101 @@
+/**
+ * Details — Component structural styles.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * Details — Summary Button
+ * ============================ */
+
+.nova-details-summary {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+
+  font: inherit;
+  text-align: left;
+
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+
+.nova-details-summary:active {
+  transform: none;
+}
+
+/* ============================
+ * Details — Arrow
+ * ============================ */
+
+.nova-details-arrow {
+  flex-shrink: 0;
+
+  transition: transform var(--nova-motion-duration) ease;
+}
+
+[data-open="true"] > .nova-details-summary > .nova-details-arrow {
+  transform: rotate(90deg);
+}
+
+/* ============================
+ * Details — Label
+ * ============================ */
+
+.nova-details-label {
+  flex: 1;
+  min-width: 0;
+}
+
+.nova-details-label summary,
+.nova-details-label h1,
+.nova-details-label h2,
+.nova-details-label h3,
+.nova-details-label h4,
+.nova-details-label h5,
+.nova-details-label h6 {
+  display: inline;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+}
+
+.nova-details-label summary::-webkit-details-marker {
+  display: none;
+}
+
+/* ============================
+ * Details — Content (animated show/hide)
+ * ============================ */
+
+.nova-details-content {
+  display: grid;
+  grid-template-rows: 0fr;
+
+  transition: grid-template-rows var(--nova-motion-duration) ease;
+}
+
+[data-open="true"] > .nova-details-content {
+  grid-template-rows: 1fr;
+}
+
+.nova-details-content-inner {
+  overflow: hidden;
+}
+
+/* ============================
+ * Details — Content Body
+ * ============================ */
+
+.nova-details-content-body > :first-child {
+  margin-top: 0;
+}
+
+.nova-details-content-body > :last-child {
+  margin-bottom: 0;
+}

package/build/src/styles/theme/DocBreadcrumbs/style.css

@@ -0,0 +1,80 @@
+/**
+ * ============================
+ * Doc Breadcrumbs — Nav
+ * ============================
+ */
+
+/* Hidden on mobile — DocSidebarMobile trigger shows hierarchy instead. */
+.nova-breadcrumbs {
+  display: none;
+
+  margin-bottom: 1rem;
+}
+
+@media (min-width: 1024px) {
+  .nova-breadcrumbs {
+    display: block;
+  }
+}
+
+/**
+ * ============================
+ * Doc Breadcrumbs — List
+ * ============================
+ */
+
+.nova-breadcrumbs-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.25rem;
+
+  margin: 0;
+  padding: 0;
+
+  list-style: none;
+}
+
+/**
+ * ============================
+ * Doc Breadcrumbs — Item
+ * ============================
+ */
+
+.nova-breadcrumbs-item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.nova-breadcrumbs-item:not(:last-child)::after {
+  margin-left: 0.25rem;
+
+  content: "/";
+
+  opacity: 0.6;
+}
+
+/**
+ * ============================
+ * Doc Breadcrumbs — Home Icon
+ * ============================
+ */
+
+.nova-breadcrumbs-home {
+  display: inline-flex;
+  align-items: center;
+}
+
+.nova-breadcrumbs-home svg {
+  display: block;
+}
+
+/**
+ * ============================
+ * Doc Breadcrumbs — Link
+ * ============================
+ */
+
+.nova-breadcrumbs-link {
+  text-decoration: none;
+}

package/build/src/styles/theme/DocCard/style.css

@@ -0,0 +1,35 @@
+/**
+ * Doc Card — Shared structural styles.
+ *
+ * @since 0.15.0
+ */
+
+article[class*="nova-col"] > a {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  text-decoration: none;
+  color: inherit;
+}
+
+article[class*="nova-col"] > a:hover {
+  text-decoration: none;
+}
+
+article[class*="nova-col"] > a h2 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0;
+  font-size: 1rem;
+}
+
+article[class*="nova-col"] > a h2 svg,
+article[class*="nova-col"] > a h2 img {
+  flex-shrink: 0;
+}
+
+article[class*="nova-col"] > a p {
+  margin-top: 0.5rem;
+  font-size: 0.875rem;
+}

package/build/src/styles/theme/DocCardList/style.css

@@ -0,0 +1,16 @@
+/**
+ * Doc Card List — Shared structural styles.
+ *
+ * @since 0.15.0
+ */
+
+/* Card grid uses a tighter gap than the layout grid. */
+article > .nova-grid {
+  gap: 1rem;
+}
+
+@media (min-width: 768px) {
+  article > .nova-grid {
+    gap: 1.25rem;
+  }
+}

package/build/src/styles/theme/DocCategoryGeneratedIndexPage/style.css

@@ -0,0 +1,12 @@
+/**
+ * Doc Category Generated Index Page — Shared structural styles.
+ *
+ * @since 0.15.0
+ */
+
+/* Match the visual breathing room of the TOC column on regular doc pages. */
+@media (min-width: 1024px) {
+  .nova-category-index {
+    padding-right: var(--nova-grid-padding);
+  }
+}

package/build/src/styles/theme/DocItem/Content/style.css

@@ -0,0 +1,19 @@
+/**
+ * ============================
+ * Doc Content — Container
+ * ============================
+ */
+
+.nova-doc-content {
+  min-width: 0;
+}
+
+/**
+ * ============================
+ * Doc Content — Header
+ * ============================
+ */
+
+.nova-doc-content-header {
+  margin-bottom: 1.5rem;
+}

package/build/src/styles/theme/DocItem/Footer/style.css

@@ -0,0 +1,13 @@
+/**
+ * ============================
+ * Doc Footer — Layout
+ * ============================
+ */
+
+.nova-doc-footer {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  margin-top: 1.5rem;
+}