@cbnventures/docusaurus-preset-nova 0.0.0 → 0.15.0

package/build/src/styles/theme/Navbar/Canopy/style.css

@@ -0,0 +1,237 @@
+/**
+ * ============================
+ * Navbar — Canopy — Bar Layout
+ * ============================
+ */
+
+.nova-navbar-canopy {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+@media (min-width: 1024px) {
+  .nova-navbar-canopy {
+    flex-direction: column;
+    justify-content: center;
+  }
+}
+
+.nova-navbar-canopy-items {
+  display: flex;
+  align-items: center;
+  gap: var(--nova-shape-gap);
+}
+
+.nova-navbar-canopy-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+@media (min-width: 1024px) {
+  .nova-navbar-canopy-actions {
+    position: absolute;
+    right: var(--nova-grid-padding);
+    top: 50%;
+
+    transform: translateY(-50%);
+  }
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Overlay
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-overlay {
+  position: fixed;
+  inset: 0;
+
+  z-index: 300;
+
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Open/Close State
+ * ============================
+ */
+
+@keyframes nova-navbar-canopy-menu-open {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes nova-navbar-canopy-menu-close {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.nova-navbar-canopy-menu-open {
+  animation: nova-navbar-canopy-menu-open 200ms ease forwards;
+}
+
+.nova-navbar-canopy-menu-closing {
+  animation: nova-navbar-canopy-menu-close 200ms ease forwards;
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Panel
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  width: 100%;
+  height: 100dvh;
+  max-height: 100dvh;
+  padding: 1rem;
+
+  overflow-y: auto;
+}
+
+/* Float mode: panel is a centered card below the navbar. */
+@media (min-width: 576px) {
+  .nova-navbar-canopy-menu-panel {
+    height: auto;
+    max-width: 480px;
+    max-height: calc(100dvh - 6rem);
+
+    margin-top: 4.5rem;
+  }
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Header
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Brand
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-brand a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
+  text-decoration: none;
+}
+
+.nova-navbar-canopy-menu-brand img {
+  height: 1.75rem;
+  width: auto;
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Close
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-close {
+  flex-shrink: 0;
+  margin-left: auto;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  background: none;
+  border: 1px solid var(--nova-color-neutral-300);
+  border-radius: 0.375rem;
+
+  cursor: pointer;
+}
+
+[data-theme="dark"] .nova-navbar-canopy-menu-close {
+  border-color: var(--nova-color-neutral-700);
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Search
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-search {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+}
+
+.nova-navbar-canopy-menu-search:empty {
+  display: none;
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Results
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-results {}
+
+.nova-navbar-canopy-menu-results:empty {
+  display: none;
+}
+
+/**
+ * ============================
+ * Navbar — Canopy — Mobile Menu Items
+ * ============================
+ */
+
+.nova-navbar-canopy-menu-items {
+  display: flex;
+  flex-direction: column;
+}
+
+.nova-navbar-canopy-menu-item {
+  display: flex;
+  align-items: center;
+
+  padding: 0.75rem;
+
+  text-decoration: none;
+
+  cursor: pointer;
+  user-select: none;
+}
+
+.nova-navbar-canopy-menu-item:hover {
+  text-decoration: none;
+}

package/build/src/styles/theme/Navbar/Compass/style.css

@@ -0,0 +1,205 @@
+/**
+ * ============================
+ * Navbar — Compass — Bar Layout
+ * ============================
+ */
+
+.nova-navbar-compass {
+  display: flex;
+  align-items: center;
+}
+
+.nova-navbar-compass-brand {
+  margin-right: auto;
+}
+
+.nova-navbar-compass-items {
+  display: flex;
+  align-items: center;
+  gap: var(--nova-shape-gap);
+}
+
+.nova-navbar-compass-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-left: 0.75rem;
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Overlay
+ * ============================
+ */
+
+.nova-navbar-compass-menu-overlay {
+  position: fixed;
+  inset: 0;
+
+  z-index: 300;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Open/Close State
+ * ============================
+ */
+
+@keyframes nova-navbar-compass-menu-open {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes nova-navbar-compass-menu-close {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.nova-navbar-compass-menu-open {
+  animation: nova-navbar-compass-menu-open 200ms ease forwards;
+}
+
+.nova-navbar-compass-menu-closing {
+  animation: nova-navbar-compass-menu-close 200ms ease forwards;
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Panel
+ * ============================
+ */
+
+.nova-navbar-compass-menu-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  width: calc(100% - 2rem);
+  max-width: 480px;
+  max-height: calc(100dvh - 2rem);
+  padding: 1rem;
+
+  overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+  .nova-navbar-compass-menu-panel {
+    width: calc(100% - 4rem);
+  }
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Header
+ * ============================
+ */
+
+.nova-navbar-compass-menu-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Brand
+ * ============================
+ */
+
+.nova-navbar-compass-menu-brand a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
+  text-decoration: none;
+}
+
+.nova-navbar-compass-menu-brand img {
+  height: 1.75rem;
+  width: auto;
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Close
+ * ============================
+ */
+
+.nova-navbar-compass-menu-close {
+  flex-shrink: 0;
+  margin-left: auto;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  background: none;
+  border: 1px solid var(--nova-color-neutral-300);
+  border-radius: 0.375rem;
+
+  cursor: pointer;
+}
+
+[data-theme="dark"] .nova-navbar-compass-menu-close {
+  border-color: var(--nova-color-neutral-700);
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Search
+ * ============================
+ */
+
+.nova-navbar-compass-menu-search .nova-search-dropdown {
+  margin-top: 0.5rem;
+}
+
+.nova-navbar-compass-menu-search:empty {
+  display: none;
+}
+
+/**
+ * ============================
+ * Navbar — Compass — Mobile Menu Items
+ * ============================
+ */
+
+.nova-navbar-compass-menu-items {
+  display: flex;
+  flex-direction: column;
+}
+
+.nova-navbar-compass-menu-item {
+  display: flex;
+  align-items: center;
+
+  padding: 0.75rem;
+
+  text-decoration: none;
+
+  cursor: pointer;
+  user-select: none;
+}
+
+.nova-navbar-compass-menu-item:hover {
+  text-decoration: none;
+}

package/build/src/styles/theme/Navbar/Monolith/style.css

@@ -0,0 +1,192 @@
+/**
+ * ============================
+ * Navbar — Monolith — Bar Layout
+ * ============================
+ */
+
+.nova-navbar-monolith {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.nova-navbar-monolith-actions {
+  position: absolute;
+  right: var(--nova-grid-padding);
+  top: 50%;
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  transform: translateY(-50%);
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Overlay
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-overlay {
+  position: fixed;
+  inset: 0;
+
+  z-index: 300;
+
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Open/Close State
+ * ============================
+ */
+
+@keyframes nova-navbar-monolith-menu-open {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes nova-navbar-monolith-menu-close {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.nova-navbar-monolith-menu-open {
+  animation: nova-navbar-monolith-menu-open 200ms ease forwards;
+}
+
+.nova-navbar-monolith-menu-closing {
+  animation: nova-navbar-monolith-menu-close 200ms ease forwards;
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Panel
+ * ============================
+ */
+
+/* Always-float panel — never goes full-screen. */
+.nova-navbar-monolith-menu-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  width: calc(100% - 2rem);
+  max-width: 320px;
+  max-height: calc(100dvh - 4.5rem);
+  margin-top: 3.5rem;
+  padding: 1rem;
+
+  overflow-y: auto;
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Header
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Close
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-close {
+  flex-shrink: 0;
+  margin-left: auto;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  background: none;
+  border: 1px solid var(--nova-color-neutral-300);
+  border-radius: 0.375rem;
+
+  cursor: pointer;
+}
+
+[data-theme="dark"] .nova-navbar-monolith-menu-close {
+  border-color: var(--nova-color-neutral-700);
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Search
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-search {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+}
+
+.nova-navbar-monolith-menu-search:empty {
+  display: none;
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Results
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-results {}
+
+.nova-navbar-monolith-menu-results:empty {
+  display: none;
+}
+
+/**
+ * ============================
+ * Navbar — Monolith — Mobile Menu Items
+ * ============================
+ */
+
+.nova-navbar-monolith-menu-items {
+  display: flex;
+  flex-direction: column;
+}
+
+.nova-navbar-monolith-menu-item {
+  display: flex;
+  align-items: center;
+
+  padding: 0.75rem;
+
+  text-decoration: none;
+
+  cursor: pointer;
+  user-select: none;
+}
+
+.nova-navbar-monolith-menu-item:hover {
+  text-decoration: none;
+}

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

@@ -0,0 +1,71 @@
+/**
+ * ============================
+ * Navbar — Container Scoping
+ * ============================
+ */
+
+[class*="nova-navbar-"] {
+  --nova-grid-container-max: var(--nova-layout-navbar-max);
+}
+
+/**
+ * ============================
+ * Navbar — Hide on Scroll
+ * ============================
+ */
+
+.navbar {
+  position: relative;
+
+  transition: transform 300ms ease;
+}
+
+.nova-navbar-hidden {
+  transform: translateY(-100%);
+}
+
+/**
+ * ============================
+ * Navbar — Hamburger Toggle
+ * ============================
+ */
+
+.nova-hamburger-toggle {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+
+  line-height: 1;
+
+  cursor: pointer;
+}
+
+/* Extends touch target to 44px without changing visual size. */
+.nova-hamburger-toggle::after {
+  content: "";
+  position: absolute;
+  inset: -4px;
+}
+
+/**
+ * ============================
+ * Navbar — Brand Dark Mode
+ * ============================
+ */
+
+.nova-brand-dark {
+  display: none;
+}
+
+[data-theme="dark"] .nova-brand-light {
+  display: none;
+}
+
+[data-theme="dark"] .nova-brand-dark {
+  display: inline;
+}

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

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

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

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

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

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

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

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