@orion-studios/payload-studio 0.6.0-beta.13 → 0.6.0-beta.131

package/dist/admin.css

@@ -260,6 +260,8 @@ html[data-orion-brand]:not([data-theme='dark']) {
   --color-base-50: color-mix(in srgb, var(--brand-primary) 2%, rgb(245, 245, 245));
   --color-base-100: color-mix(in srgb, var(--brand-primary) 3%, rgb(235, 235, 235));
   --color-base-150: color-mix(in srgb, var(--brand-primary) 4%, rgb(221, 221, 221));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 16%, white);
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -311,6 +313,8 @@ html[data-orion-brand][data-theme='dark'] {
   --color-base-900: color-mix(in srgb, var(--brand-primary) 4%, rgb(20, 20, 20));
   --color-base-850: color-mix(in srgb, var(--brand-primary) 3%, rgb(34, 34, 34));
   --color-base-800: color-mix(in srgb, var(--brand-primary) 2%, rgb(47, 47, 47));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 28%, var(--color-base-900));
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -321,11 +325,23 @@ html {
 }
 
 html[data-orion-brand] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 18%, white);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 html[data-orion-brand][data-theme='dark'] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 26%, black);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand][data-theme='dark'] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 /* ============================================================
@@ -546,6 +562,86 @@ body.orion-studio-shell-active .template-default__nav-toggler-wrapper {
   min-width: 0 !important;
 }
 
+/* Payload fallback pages, including /admin/unauthorized, do not use the custom
+   Studio shell. Keep them readable and aligned with the Orion CMS theme. */
+body:not(.orion-studio-shell-active) .template-default,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) {
+  background:
+    radial-gradient(circle at top left, color-mix(in srgb, var(--brand-secondary) 10%, transparent), transparent 30rem),
+    linear-gradient(180deg, var(--admin-bg), color-mix(in srgb, var(--admin-bg) 90%, white)) !important;
+  color: var(--admin-text) !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap {
+  align-items: center !important;
+  display: flex !important;
+  justify-content: center !important;
+  min-height: 100vh !important;
+  padding: clamp(1.5rem, 4vw, 4rem) !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap > *:not(.template-default__nav-toggler-wrapper),
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap > * {
+  background: var(--admin-card-bg) !important;
+  border: 1px solid var(--admin-card-border) !important;
+  border-radius: var(--admin-radius-lg) !important;
+  box-shadow: var(--admin-card-shadow-hover) !important;
+  color: var(--admin-text) !important;
+  max-width: 34rem !important;
+  padding: clamp(1.5rem, 4vw, 2.5rem) !important;
+  width: min(100%, 34rem) !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap h1,
+body:not(.orion-studio-shell-active) .template-default__wrap h2,
+body:not(.orion-studio-shell-active) .template-default__wrap h3,
+body:not(.orion-studio-shell-active) .template-default__wrap p,
+body:not(.orion-studio-shell-active) .template-default__wrap span,
+body:not(.orion-studio-shell-active) .template-default__wrap div,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap h1,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap h2,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap h3,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap p,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap span,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap div {
+  color: var(--admin-text) !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap p,
+body:not(.orion-studio-shell-active) .template-default__wrap .description,
+body:not(.orion-studio-shell-active) .template-default__wrap [class*='description'],
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap p,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap .description,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap [class*='description'] {
+  color: var(--admin-text-muted) !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap .btn,
+body:not(.orion-studio-shell-active) .template-default__wrap button,
+body:not(.orion-studio-shell-active) .template-default__wrap a[href*='logout'],
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap .btn,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap button,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap a[href*='logout'] {
+  background: var(--admin-accent) !important;
+  border: 1px solid var(--admin-accent) !important;
+  border-radius: var(--admin-radius-sm) !important;
+  color: var(--admin-text-inverse) !important;
+  font-weight: 800 !important;
+  min-height: 2.75rem !important;
+  padding: 0.75rem 1rem !important;
+}
+
+body:not(.orion-studio-shell-active) .template-default__wrap .btn:hover,
+body:not(.orion-studio-shell-active) .template-default__wrap button:hover,
+body:not(.orion-studio-shell-active) .template-default__wrap a[href*='logout']:hover,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap .btn:hover,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap button:hover,
+body:not(.orion-studio-shell-active) .template-minimal:not(.login) .template-minimal__wrap a[href*='logout']:hover {
+  background: var(--admin-accent-hover) !important;
+  border-color: var(--admin-accent-hover) !important;
+}
+
 .admin-studio-brand {
   padding-left: 0 !important;
 }

package/dist/builder-v2/client.d.mts

@@ -0,0 +1,18 @@
+import type { FC } from 'react'
+
+export type {
+  BuilderV2EditorInitialData,
+  BuilderV2EditorProps,
+  BuilderV2PageTreeNode,
+  BuilderV2PermissionSet,
+  BuilderV2ProjectAdapter,
+  BuilderV2ProjectComponentDefinition,
+  BuilderV2RuntimeComponent,
+  BuilderV2RuntimeComponentProps,
+  BuilderV2TraitDefinition,
+  BuilderV2ThemeTokens,
+  BuilderV2ValidationIssue,
+  BuilderV2VersionSnapshot,
+} from './types'
+
+export declare const GrapesPageEditor: FC<import('./types').BuilderV2EditorProps>

package/dist/builder-v2/client.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from 'react'
+
+export type {
+  BuilderV2EditorInitialData,
+  BuilderV2EditorProps,
+  BuilderV2PageTreeNode,
+  BuilderV2PermissionSet,
+  BuilderV2ProjectAdapter,
+  BuilderV2ProjectComponentDefinition,
+  BuilderV2RuntimeComponent,
+  BuilderV2RuntimeComponentProps,
+  BuilderV2TraitDefinition,
+  BuilderV2ThemeTokens,
+  BuilderV2ValidationIssue,
+  BuilderV2VersionSnapshot,
+} from './types'
+
+export declare const GrapesPageEditor: FC<import('./types').BuilderV2EditorProps>