@orion-studios/payload-studio 0.5.0-beta.113 → 0.5.0-beta.115

package/dist/admin-app/index.d.mts

@@ -1,3 +1,4 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-7lxTrxSG.mjs';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-c5-qTRbH.mjs';
+export { b as SiteFooterPreviewData, c as SiteHeaderPreviewData, S as SitePreviewLink, a as SitePreviewLocationSummary, d as SitePreviewSocialLink } from '../sitePreviewTypes-BECnq9xI.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.d.ts

@@ -1,3 +1,4 @@
-export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-7lxTrxSG.js';
+export { A as AdminBreadcrumbItem, a as AdminBreadcrumbs, b as AdminNavIcon, c as AdminNavInput, d as AdminNavItem, e as AdminNavLinkItem, f as AdminPage, g as AdminPageLinkOption, h as AdminPageRecord, j as AdminRole, M as MediaDetailPanelProps, k as MediaListItemProps, N as NestedNavItem, l as NestedNavItemInput, m as NestedNavTree, n as buildAdminPageLinkOptions, o as buildNestedNavTree, p as getAdminNavRows, q as navItemIsActive, r as normalizeAdminNavInputs, s as normalizeNestedNavItems, t as parseAdminHeaderNavFromForm, u as roleCanAccessNav } from '../index-yfpxsgUu.js';
+export { b as SiteFooterPreviewData, c as SiteHeaderPreviewData, S as SitePreviewLink, a as SitePreviewLocationSummary, d as SitePreviewSocialLink } from '../sitePreviewTypes-BECnq9xI.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/styles.css

@@ -367,3 +367,354 @@
   font-size: 0.9rem;
   font-weight: 600;
 }
+
+.orion-admin-preview-label {
+  color: var(--orion-admin-muted);
+  font-size: 0.88rem;
+  font-weight: 700;
+}
+
+.orion-admin-preview-frame {
+  border: 1px solid var(--orion-admin-card-border);
+  border-radius: 14px;
+  overflow: hidden;
+}
+
+.orion-admin-preview-surface {
+  pointer-events: none;
+}
+
+.orion-admin-site-preview {
+  --orion-preview-navy: #243654;
+  --orion-preview-navy-light: #304668;
+  --orion-preview-cream: #f8efe4;
+  --orion-preview-honey: #f3cd8a;
+  --orion-preview-brass: #b56f4d;
+  --orion-preview-clay: #8f6f43;
+  --orion-preview-footer-copy: rgba(215, 227, 242, 0.88);
+  --orion-preview-font-sans: var(--xo-font-sans, 'Nunito Sans', ui-sans-serif, system-ui, sans-serif);
+  --orion-preview-font-serif: var(--xo-font-serif, 'Lora', Georgia, serif);
+  background: var(--orion-preview-cream);
+  color: #2e2a27;
+  font-family: var(--orion-preview-font-sans);
+}
+
+.orion-admin-site-preview a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.orion-admin-site-preview-shell {
+  margin: 0 auto;
+  max-width: 1200px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.orion-admin-site-preview-header-bar {
+  background: var(--orion-preview-navy-light);
+  border-bottom: 1px solid rgba(127, 101, 67, 0.2);
+  color: #f7f1e7;
+}
+
+.orion-admin-site-preview-shell--utility {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem 1rem;
+  justify-content: space-between;
+  padding-bottom: 0.8rem;
+  padding-top: 0.8rem;
+}
+
+.orion-admin-site-preview-utility-copy {
+  font-size: 0.76rem;
+  margin: 0;
+}
+
+.orion-admin-site-preview-utility-meta {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.9rem;
+  justify-content: flex-end;
+}
+
+.orion-admin-site-preview-social-list {
+  align-items: center;
+  display: flex;
+  gap: 0.45rem;
+}
+
+.orion-admin-site-preview-social-badge {
+  align-items: center;
+  border: 1px solid rgba(243, 205, 138, 0.35);
+  border-radius: 999px;
+  color: var(--orion-preview-honey);
+  display: inline-flex;
+  font-size: 0.62rem;
+  font-weight: 800;
+  height: 1.6rem;
+  justify-content: center;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  width: 1.6rem;
+}
+
+.orion-admin-site-preview-header-action {
+  color: var(--orion-preview-honey);
+  font-size: 0.8rem;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+}
+
+.orion-admin-site-preview-header-main {
+  backdrop-filter: blur(14px);
+  background: rgba(248, 239, 228, 0.84);
+  border-bottom: 1px solid rgba(127, 101, 67, 0.2);
+}
+
+.orion-admin-site-preview-shell--main {
+  align-items: center;
+  display: flex;
+  gap: 1.5rem;
+  justify-content: space-between;
+  padding-bottom: 1rem;
+  padding-top: 1rem;
+}
+
+.orion-admin-site-preview-brand {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  gap: 1rem;
+  min-width: 0;
+}
+
+.orion-admin-site-preview-header-logo {
+  display: block;
+  flex: 0 0 auto;
+  height: auto;
+  width: 78px;
+}
+
+.orion-admin-site-preview-logo-fallback {
+  align-items: center;
+  background: linear-gradient(135deg, rgba(36, 54, 84, 0.1), rgba(181, 111, 77, 0.16));
+  border: 1px solid rgba(143, 111, 67, 0.18);
+  color: var(--orion-preview-navy);
+  display: inline-flex;
+  font-weight: 900;
+  justify-content: center;
+}
+
+.orion-admin-site-preview-header-logo.orion-admin-site-preview-logo-fallback {
+  border-radius: 24px;
+  font-size: 1rem;
+  min-height: 78px;
+}
+
+.orion-admin-site-preview-tagline {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.orion-admin-site-preview-tagline-line {
+  color: var(--orion-preview-clay);
+  font-size: 0.68rem;
+  font-weight: 800;
+  letter-spacing: 0.24em;
+  line-height: 1.18;
+  margin: 0;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.orion-admin-site-preview-nav {
+  align-items: center;
+  color: var(--orion-preview-navy-light);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.3rem;
+  justify-content: flex-end;
+}
+
+.orion-admin-site-preview-nav a {
+  font-size: 0.92rem;
+  font-weight: 700;
+  transition: color 0.15s ease;
+}
+
+.orion-admin-site-preview-nav a.is-active {
+  color: var(--orion-preview-brass);
+}
+
+.orion-admin-site-preview-mobile-toggle {
+  align-items: center;
+  background: rgba(255, 255, 255, 0.5);
+  border: 1px solid rgba(143, 111, 67, 0.18);
+  border-radius: 999px;
+  display: none;
+  flex: 0 0 auto;
+  height: 2.8rem;
+  justify-content: center;
+  padding: 0 0.85rem;
+}
+
+.orion-admin-site-preview-mobile-toggle span {
+  background: var(--orion-preview-navy);
+  border-radius: 999px;
+  display: block;
+  height: 2px;
+  width: 1rem;
+}
+
+.orion-admin-site-preview-mobile-toggle span + span {
+  margin-top: 0.18rem;
+}
+
+.orion-admin-site-preview--footer {
+  background: var(--orion-preview-navy);
+  color: #d7e3f2;
+}
+
+.orion-admin-site-preview-footer-shell {
+  margin: 0 auto;
+  max-width: 1200px;
+  padding: 3.2rem 1.5rem 1.15rem;
+}
+
+.orion-admin-site-preview-footer-grid {
+  display: grid;
+  gap: 2rem;
+  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.7fr) minmax(0, 0.7fr) minmax(0, 0.92fr);
+}
+
+.orion-admin-site-preview-footer-brand {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+}
+
+.orion-admin-site-preview-footer-logo {
+  display: block;
+  flex: 0 0 auto;
+  height: auto;
+  width: 58px;
+}
+
+.orion-admin-site-preview-footer-logo.orion-admin-site-preview-logo-fallback {
+  border-radius: 18px;
+  font-size: 0.88rem;
+  min-height: 58px;
+}
+
+.orion-admin-site-preview-footer-name {
+  color: #fff;
+  font-family: var(--orion-preview-font-serif);
+  font-size: 2.4rem;
+  line-height: 1;
+  margin: 0;
+}
+
+.orion-admin-site-preview-footer-description {
+  color: var(--orion-preview-footer-copy);
+  font-size: 0.92rem;
+  line-height: 1.72;
+  margin: 0.9rem 0 0;
+  max-width: 32rem;
+}
+
+.orion-admin-site-preview-footer-eyebrow {
+  color: var(--orion-preview-honey);
+  font-size: 0.66rem;
+  font-weight: 800;
+  letter-spacing: 0.24em;
+  margin: 0 0 0.8rem;
+  text-transform: uppercase;
+}
+
+.orion-admin-site-preview-footer-list {
+  display: grid;
+  gap: 0.52rem;
+  font-size: 0.92rem;
+}
+
+.orion-admin-site-preview-footer-list p,
+.orion-admin-site-preview-footer-list a {
+  margin: 0;
+}
+
+.orion-admin-site-preview-footer-contact {
+  color: var(--orion-preview-footer-copy);
+  display: grid;
+  gap: 0.25rem;
+  font-size: 0.92rem;
+  line-height: 1.7;
+}
+
+.orion-admin-site-preview-footer-contact p,
+.orion-admin-site-preview-footer-contact a {
+  margin: 0;
+}
+
+.orion-admin-site-preview-social-list--footer {
+  margin-top: 1rem;
+}
+
+.orion-admin-site-preview-social-badge--footer {
+  border-color: rgba(255, 255, 255, 0.15);
+  height: 2rem;
+  width: 2rem;
+}
+
+.orion-admin-site-preview-footer-meta {
+  align-items: center;
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
+  color: rgba(215, 227, 242, 0.66);
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 0.68rem;
+  gap: 0.75rem;
+  justify-content: space-between;
+  letter-spacing: 0.18em;
+  margin-top: 2.3rem;
+  padding-top: 1rem;
+  text-transform: uppercase;
+}
+
+@media (max-width: 1024px) {
+  .orion-admin-site-preview-footer-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 920px) {
+  .orion-admin-site-preview-nav {
+    display: none;
+  }
+
+  .orion-admin-site-preview-mobile-toggle {
+    display: inline-flex;
+  }
+}
+
+@media (max-width: 768px) {
+  .orion-admin-site-preview-shell,
+  .orion-admin-site-preview-footer-shell {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .orion-admin-site-preview-shell--main {
+    gap: 1rem;
+  }
+
+  .orion-admin-site-preview-footer-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .orion-admin-site-preview-footer-name {
+    font-size: 2rem;
+  }
+}

package/dist/admin.css

@@ -349,6 +349,15 @@ html[data-orion-brand][data-theme='dark'] ::selection {
   background: var(--orion-sidebar-bg) !important;
 }
 
+body.orion-studio-shell-active .template-default {
+  grid-template-columns: 0 minmax(0, 1fr) !important;
+}
+
+body.orion-studio-shell-active .template-default__nav,
+body.orion-studio-shell-active .nav {
+  display: none !important;
+}
+
 /* Hide Payload default toggler while custom shell is active */
 body.orion-studio-shell-active .template-default__nav-toggler-wrapper {
   display: none !important;