@cbnventures/docusaurus-preset-nova 0.0.0 → 0.15.0

package/build/src/styles/presets/sentinel/theme/DocSidebar/style.css

@@ -0,0 +1,151 @@
+/**
+ * Sentinel — Sidebar visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Sidebar Container
+ * ============================ */
+
+@media (min-width: 1024px) {
+  aside {
+    padding-inline: 1rem;
+
+    background-color: var(--nova-color-neutral-50);
+    border-right: 1px solid var(--nova-color-neutral-200);
+  }
+
+  [data-theme="dark"] aside {
+    background-color: var(--nova-color-neutral-950);
+    border-right-color: var(--nova-color-neutral-800);
+  }
+}
+
+/* ============================
+ * 2. Sidebar Links
+ * ============================ */
+
+.nova-sidebar-item {
+  margin-bottom: 0.125rem;
+}
+
+.nova-sidebar-item > .nova-sidebar-link {
+  display: block;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--nova-color-neutral-600);
+  border-left: 2px solid transparent;
+  border-radius: 0 var(--nova-shape-radius) var(--nova-shape-radius) 0;
+}
+
+.nova-sidebar-item > .nova-sidebar-link:hover,
+.nova-sidebar-item > .nova-sidebar-link:focus-visible {
+  color: var(--nova-color-primary-700);
+  border-left-color: var(--nova-color-primary-500);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 96%);
+  text-decoration: none;
+}
+
+.nova-sidebar-item > .nova-sidebar-link[aria-current="page"],
+.nova-sidebar-item > .nova-sidebar-link.active {
+  color: var(--nova-color-primary-700);
+  border-left-color: var(--nova-color-primary-600);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 94%);
+  font-weight: 600;
+}
+
+[data-theme="dark"] .nova-sidebar-item > .nova-sidebar-link {
+  color: var(--nova-color-neutral-400);
+}
+
+[data-theme="dark"] .nova-sidebar-item > .nova-sidebar-link:hover,
+[data-theme="dark"] .nova-sidebar-item > .nova-sidebar-link:focus-visible {
+  color: var(--nova-color-primary-300);
+  border-left-color: var(--nova-color-primary-700);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 95%);
+}
+
+[data-theme="dark"] .nova-sidebar-item > .nova-sidebar-link[aria-current="page"],
+[data-theme="dark"] .nova-sidebar-item > .nova-sidebar-link.active {
+  color: var(--nova-color-primary-400);
+  border-left-color: var(--nova-color-primary-500);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
+}
+
+/* ============================
+ * 3. Sidebar Category Summary
+ * ============================ */
+
+.nova-sidebar-category-summary {
+  gap: 0.375rem;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--nova-color-neutral-600);
+  border-left: 2px solid transparent;
+  border-radius: 0 var(--nova-shape-radius) var(--nova-shape-radius) 0;
+}
+
+.nova-sidebar-category-summary:not(:has([aria-current="page"])):hover,
+.nova-sidebar-category-summary:not(:has([aria-current="page"])):focus-visible {
+  color: var(--nova-color-primary-700);
+  border-left-color: var(--nova-color-primary-500);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 96%);
+}
+
+/* Active category summary — matches active link styling. */
+.nova-sidebar-category-summary:has([aria-current="page"]) {
+  color: var(--nova-color-primary-700);
+  border-left-color: var(--nova-color-primary-600);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 94%);
+}
+
+[data-theme="dark"] .nova-sidebar-category-summary {
+  color: var(--nova-color-neutral-400);
+}
+
+[data-theme="dark"] .nova-sidebar-category-summary:not(:has([aria-current="page"])):hover,
+[data-theme="dark"] .nova-sidebar-category-summary:not(:has([aria-current="page"])):focus-visible {
+  color: var(--nova-color-primary-300);
+  border-left-color: var(--nova-color-primary-700);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 95%);
+}
+
+[data-theme="dark"] .nova-sidebar-category-summary:has([aria-current="page"]) {
+  color: var(--nova-color-primary-400);
+  border-left-color: var(--nova-color-primary-500);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
+}
+
+/* Arrow icon — sharp arrow-right (no rounded joins). */
+.nova-sidebar-category-summary::after {
+  background-color: var(--nova-color-primary-500);
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
+}
+
+[data-theme="dark"] .nova-sidebar-category-summary::after {
+  background-color: var(--nova-color-primary-400);
+}
+
+
+/* ============================
+ * 4. Sidebar Toggle Button
+ * ============================ */
+
+.nova-sidebar-toggle {
+  background: var(--nova-color-neutral-50);
+  border-color: var(--nova-color-neutral-300);
+  color: var(--nova-color-neutral-500);
+}
+
+[data-theme="dark"] .nova-sidebar-toggle {
+  background: var(--nova-color-neutral-900);
+  border-color: var(--nova-color-neutral-700);
+  color: var(--nova-color-neutral-400);
+}
+
+.nova-sidebar-toggle:hover,
+.nova-sidebar-toggle:focus-visible {
+  color: var(--nova-color-primary-400);
+  border-color: var(--nova-color-primary-600);
+}

package/build/src/styles/presets/sentinel/theme/DocSidebarMobile/style.css

@@ -0,0 +1,130 @@
+/**
+ * Sentinel — Doc Sidebar Mobile visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * Trigger Button
+ * ============================ */
+
+.nova-sidebar-mobile-trigger {
+  color: var(--nova-color-neutral-600);
+
+  background-color: var(--nova-color-neutral-50);
+  border: 1px solid var(--nova-color-neutral-200);
+  border-radius: var(--nova-shape-radius);
+
+  transition: border-color var(--nova-motion-duration) ease;
+}
+
+.nova-sidebar-mobile-trigger:hover,
+.nova-sidebar-mobile-trigger:focus-visible {
+  border-color: var(--nova-color-primary-500);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-trigger {
+  color: var(--nova-color-neutral-400);
+
+  background-color: var(--nova-color-neutral-950);
+  border-color: var(--nova-color-neutral-800);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-trigger:hover,
+[data-theme="dark"] .nova-sidebar-mobile-trigger:focus-visible {
+  border-color: var(--nova-color-primary-600);
+}
+
+/* ============================
+ * Overlay
+ * ============================ */
+
+.nova-sidebar-mobile-overlay {
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+}
+
+/* ============================
+ * Panel
+ * ============================ */
+
+.nova-sidebar-mobile-panel {
+  background-color: rgba(255, 255, 255, 0.97);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-panel {
+  background-color: rgba(3, 7, 10, 0.97);
+}
+
+@media (min-width: 576px) {
+  .nova-sidebar-mobile-panel {
+    border: 1px solid var(--nova-color-neutral-200);
+    border-radius: var(--nova-shape-radius);
+  }
+
+  [data-theme="dark"] .nova-sidebar-mobile-panel {
+    border-color: var(--nova-color-neutral-800);
+  }
+}
+
+/* ============================
+ * Header
+ * ============================ */
+
+.nova-sidebar-mobile-header-title {
+  font-family: var(--nova-font-display);
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: var(--nova-color-neutral-900);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-header-title {
+  color: var(--nova-color-neutral-50);
+}
+
+/* ============================
+ * Close Button
+ * ============================ */
+
+.nova-sidebar-mobile-close {
+  color: var(--nova-color-neutral-600);
+  border-radius: var(--nova-shape-radius);
+
+  transition: color var(--nova-motion-duration) ease, background-color var(--nova-motion-duration) ease;
+}
+
+.nova-sidebar-mobile-close:hover,
+.nova-sidebar-mobile-close:focus-visible {
+  color: var(--nova-color-primary-700);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 94%);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-close {
+  color: var(--nova-color-neutral-400);
+}
+
+[data-theme="dark"] .nova-sidebar-mobile-close:hover,
+[data-theme="dark"] .nova-sidebar-mobile-close:focus-visible {
+  color: var(--nova-color-primary-300);
+  background-color: color-mix(in srgb, var(--nova-color-primary-500), transparent 92%);
+}
+
+/* ============================
+ * Subtle Fade
+ * ============================ */
+
+@keyframes nova-sidebar-mobile-fade {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.nova-sidebar-mobile-panel {
+  animation: nova-sidebar-mobile-fade 200ms ease;
+}

package/build/src/styles/presets/sentinel/theme/DocVersionBadge/style.css

@@ -0,0 +1,40 @@
+/**
+ * Sentinel — Version badge and banner visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Version Badge
+ * ============================ */
+
+.nova-version-badge {
+  font-family: var(--nova-font-code);
+  font-size: 0.6875rem;
+  letter-spacing: 0.04em;
+  background-color: var(--nova-color-accent-100);
+  color: var(--nova-color-accent-700);
+  border-radius: var(--nova-shape-radius);
+}
+
+[data-theme="dark"] .nova-version-badge {
+  background-color: var(--nova-color-accent-900);
+  color: var(--nova-color-accent-300);
+}
+
+/* ============================
+ * 2. Version Banner
+ * ============================ */
+
+.nova-version-banner {
+  background-color: var(--nova-color-accent-50);
+  color: var(--nova-color-accent-800);
+  border-bottom: 1px solid var(--nova-color-accent-200);
+  font-size: 0.875rem;
+}
+
+[data-theme="dark"] .nova-version-banner {
+  background-color: var(--nova-color-accent-900);
+  color: var(--nova-color-accent-200);
+  border-bottom-color: var(--nova-color-accent-700);
+}

package/build/src/styles/presets/sentinel/theme/Footer/Commons/style.css

@@ -0,0 +1,127 @@
+/**
+ * Sentinel — Footer (Commons) variant visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Navigation Lists
+ * ============================ */
+
+.nova-footer-commons nav ul li a {
+  display: inline-block;
+}
+
+/* ============================
+ * 2. Footer Container
+ * ============================ */
+
+.nova-footer-commons {
+  background-color: var(--nova-sentinel-footer-bg, #030710);
+  color: var(--nova-color-neutral-300);
+  padding-top: 2.5rem;
+  padding-bottom: 1.5rem;
+  margin-top: 2.5rem;
+  border-top: 1px solid var(--nova-color-neutral-800);
+}
+
+@media (min-width: 768px) {
+  .nova-footer-commons {
+    padding-top: 3.5rem;
+    padding-bottom: 2rem;
+    margin-top: 4rem;
+  }
+}
+
+/* ============================
+ * 3. Sections
+ * ============================ */
+
+.nova-footer-commons-sections {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+  margin-bottom: 2.5rem;
+}
+
+@media (min-width: 640px) {
+  .nova-footer-commons-sections {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 2rem;
+  }
+}
+
+@media (min-width: 768px) {
+  .nova-footer-commons-sections {
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 2.5rem;
+  }
+}
+
+.nova-footer-commons-sections nav h3 {
+  font-family: var(--nova-font-display);
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--nova-color-neutral-100);
+  margin-bottom: 1rem;
+}
+
+.nova-footer-commons-sections nav a {
+  padding: 0.3125rem 0;
+  font-size: 0.875rem;
+  color: var(--nova-color-neutral-400);
+  text-decoration: none;
+  transition: color var(--nova-motion-duration) ease;
+}
+
+.nova-footer-commons-sections nav a:hover,
+.nova-footer-commons-sections nav a:focus-visible {
+  color: var(--nova-color-primary-400);
+  text-decoration: none;
+}
+
+/* ============================
+ * 4. Social Row
+ * ============================ */
+
+.nova-footer-commons-social {
+  justify-content: center;
+  padding: 1.5rem 0;
+  border-top: 1px solid var(--nova-color-neutral-800);
+  border-bottom: 1px solid var(--nova-color-neutral-800);
+}
+
+.nova-footer-commons-social a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  color: var(--nova-color-neutral-400);
+  border-radius: var(--nova-shape-radius);
+  transition: color var(--nova-motion-duration) ease,
+              background-color var(--nova-motion-duration) ease;
+}
+
+.nova-footer-commons-social a:hover,
+.nova-footer-commons-social a:focus-visible {
+  color: var(--nova-color-neutral-50);
+  background-color: var(--nova-color-neutral-800);
+}
+
+/* ============================
+ * 5. Legal Row
+ * ============================ */
+
+.nova-footer-commons-legal {
+  padding-top: 1.5rem;
+  text-align: center;
+}
+
+.nova-footer-commons-legal p {
+  font-size: 0.8125rem;
+  color: var(--nova-color-neutral-500);
+  margin: 0;
+}

package/build/src/styles/presets/sentinel/theme/Footer/Embassy/style.css

@@ -0,0 +1,198 @@
+/**
+ * Sentinel — Footer (Embassy) visual styling.
+ *
+ * @since 0.15.0
+ */
+
+/* ============================
+ * 1. Navigation Lists
+ * ============================ */
+
+.nova-footer-embassy nav ul li a {
+  display: inline-block;
+}
+
+/* ============================
+ * 2. Footer Container
+ * ============================ */
+
+.nova-footer-embassy {
+  background-color: var(--nova-color-neutral-100);
+  border-top: 1px solid var(--nova-color-neutral-200);
+  padding: 0;
+}
+
+[data-theme="dark"] .nova-footer-embassy {
+  background-color: var(--nova-sentinel-footer-bg);
+  border-top-color: var(--nova-color-neutral-800);
+}
+
+/* ============================
+ * 2. Footer Header
+ * ============================ */
+
+.nova-footer-embassy-header {
+  padding-block: 1.5rem 0.75rem;
+}
+
+.nova-footer-embassy-social {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.nova-footer-embassy-social a {
+  color: var(--nova-color-neutral-500);
+  transition: color var(--nova-motion-duration) ease;
+}
+
+[data-theme="dark"] .nova-footer-embassy-social a {
+  color: var(--nova-color-neutral-500);
+}
+
+.nova-footer-embassy-social a:hover,
+.nova-footer-embassy-social a:focus-visible {
+  color: var(--nova-color-primary-600);
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-footer-embassy-social a:hover,
+[data-theme="dark"] .nova-footer-embassy-social a:focus-visible {
+  color: var(--nova-color-primary-400);
+}
+
+@media (min-width: 768px) {
+  .nova-footer-embassy-header {
+    padding-block: 2rem 1rem;
+  }
+}
+
+/* ============================
+ * 3. Footer Directory
+ * ============================ */
+
+.nova-footer-embassy-directory {
+  padding-block: 1rem 1.5rem;
+  flex-direction: column;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.nova-footer-embassy-directory nav {
+  min-width: 0;
+  flex: none;
+}
+
+.nova-footer-embassy-directory nav h3 {
+  font-family: var(--nova-font-display);
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--nova-color-neutral-700);
+  margin-bottom: 0.75rem;
+}
+
+[data-theme="dark"] .nova-footer-embassy-directory nav h3 {
+  color: var(--nova-color-neutral-300);
+}
+
+.nova-footer-embassy-directory nav a {
+  font-size: 0.875rem;
+  color: var(--nova-color-neutral-500);
+  padding: 0.25rem 0;
+  transition: color var(--nova-motion-duration) ease;
+}
+
+[data-theme="dark"] .nova-footer-embassy-directory nav a {
+  color: var(--nova-color-neutral-500);
+}
+
+.nova-footer-embassy-directory nav a:hover,
+.nova-footer-embassy-directory nav a:focus-visible {
+  color: var(--nova-color-primary-600);
+  text-decoration: none;
+}
+
+[data-theme="dark"] .nova-footer-embassy-directory nav a:hover,
+[data-theme="dark"] .nova-footer-embassy-directory nav a:focus-visible {
+  color: var(--nova-color-primary-400);
+}
+
+@media (min-width: 640px) {
+  .nova-footer-embassy-directory {
+    flex-direction: row;
+    gap: 2rem;
+  }
+
+  .nova-footer-embassy-directory nav {
+    min-width: 120px;
+    flex: 1;
+  }
+}
+
+@media (min-width: 768px) {
+  .nova-footer-embassy-directory {
+    padding-block: 1.5rem 2rem;
+    gap: 2rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .nova-footer-embassy-directory {
+    gap: 2.5rem;
+  }
+
+  .nova-footer-embassy-directory nav {
+    min-width: 160px;
+  }
+}
+
+/* ============================
+ * 4. Footer Legal Bar
+ * ============================ */
+
+.nova-footer-embassy-legal {
+  padding-block: 0.75rem;
+  border-top: 1px solid var(--nova-color-neutral-200);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 0.5rem;
+}
+
+[data-theme="dark"] .nova-footer-embassy-legal {
+  border-top-color: var(--nova-color-neutral-800);
+}
+
+.nova-footer-embassy-legal p {
+  font-size: 0.75rem;
+  color: var(--nova-color-neutral-600);
+  margin: 0;
+}
+
+@media (min-width: 640px) {
+  .nova-footer-embassy-legal {
+    flex-direction: row;
+    justify-content: space-between;
+    text-align: left;
+    padding-block: 1rem;
+  }
+}
+
+/* ============================
+ * 5. Directory Link Transitions
+ * ============================ */
+
+.nova-footer-embassy-directory nav a {
+  transition: color var(--nova-motion-duration) ease;
+}
+
+/* ============================
+ * 6. Social Icon Transitions
+ * ============================ */
+
+.nova-footer-embassy-social a {
+  transition: color var(--nova-motion-duration) ease;
+}