@bison-lab/payload-core 3.8.0 → 3.10.0

package/README.md

@@ -22,11 +22,11 @@ lockstep.
 
 | Import                             | Contents                                                                                         | Runs where                                                                 |
 | ---------------------------------- | ------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
-| `@bison-lab/payload-core`          | `seoPlugin`, `createTheme`, `seedTheme`, import-map strings, title and text helpers, types       | Node. What `payload.config.ts` imports; it loads the plugin.               |
+| `@bison-lab/payload-core`          | `seoPlugin`, `createTheme`, `createBrandAssets`, `seedTheme`, import-map strings, title and text helpers, types | Node. What `payload.config.ts` imports; it loads the plugin. |
 | `@bison-lab/payload-core/metadata` | `pageMetadata`, the title helpers, the same types                                                | Server. What a page route imports; it does not load the plugin.            |
-| `@bison-lab/payload-core/theme`    | `getPublishedTheme`, `themeConfigFromDoc`, `themeHead`                                           | Server. What a root layout imports; it does not load the plugin or React.  |
-| `@bison-lab/payload-core/admin`    | `ColorField`, `FontField`, `ContrastReport`                                                      | Admin. Referenced by import-map string; `generate:importmap` writes it.    |
-| `@bison-lab/payload-core/react`    | `ThemePreview`                                                                                   | Client. What the theme-preview route imports; it loads ui and live-preview. |
+| `@bison-lab/payload-core/theme`    | `getPublishedTheme`, `getPublishedIdentity`, `themeConfigFromDoc`, `themeHead`                    | Server. What a root layout imports; it does not load the plugin or React.  |
+| `@bison-lab/payload-core/admin`    | Theme child fields (color scale, library, gray family, fonts, appearance, publish)               | Admin. Referenced by import-map string; `generate:importmap` writes it.    |
+| `@bison-lab/payload-core/react`    | `ThemePreview` (legacy; Theme has no preview pane)                                               | Client. Kept so an older site import does not break.                       |
 
 ## What editors get
 
@@ -125,11 +125,12 @@ The sitemap is the site's: filter `meta.noIndex` out of it.
 
 ## Adopting the Theme global
 
-Settings → Theme: the five brand colours, grey scale, radius, shadow, motion,
-density, default theme, body and heading fonts, and an optional logo. Whoever
-holds brand rights edits a draft; publish is deliberate. Contrast is measured
-as they type and shown; it is never enforced. `bison.config.json` is the seed
-a site starts from, not the source of truth.
+Settings → Theme is one Global with field tabs: Colors, Typography, Appearance,
+and Identity. Publish in the document Save slot writes the open tab only.
+Theme has no draft mode and no preview pane. Contrast is the automatic label
+on editable fills at 7:1; it is never enforced. `bison.config.json` is the seed
+a site starts from, not the source of truth. Pass `destructive` (or
+`seed.brandDestructive`); there is no package default.
 
 **1. Register the Global.** Access is required — the predicates live in the
 site's `src/platform` until they move here. Pass `canManageBrand` as
@@ -137,17 +138,27 @@ site's `src/platform` until they move here. Pass `canManageBrand` as
 
 ```ts
 // payload.config.ts
-import { createTheme } from "@bison-lab/payload-core";
+import { BRAND_ASSETS_SLUG, createBrandAssets, createTheme } from "@bison-lab/payload-core";
 import bisonConfig from "../bison.config.json";
 import { canManageBrand, isAuthenticated } from "@/platform/access";
 
 export default buildConfig({
+  collections: [
+    createBrandAssets({
+      access: { read: () => true, update: canManageBrand },
+    }),
+  ],
   globals: [
     createTheme({
       access: { read: isAuthenticated, update: canManageBrand },
       seed: bisonConfig,
-      previewPath: "/theme-preview",
-      logo: { collection: "brand-assets" },
+      logo: { collection: BRAND_ASSETS_SLUG },
+      identity: {
+        fallback: {
+          lockup: { url: "/logo-lockup.svg", alt: "Acme" },
+          mark: { url: "/logo-mark.svg", alt: "Acme mark" },
+        },
+      },
       onPublish: async () => {
         revalidateTag("theme");
       },
@@ -156,8 +167,8 @@ export default buildConfig({
 });
 ```
 
-Then `payload generate:importmap` (the colour, font and contrast fields
-resolve from `@bison-lab/payload-core/admin`), `payload generate:types`, and
+Then `payload generate:importmap` (the Theme child fields resolve from
+`@bison-lab/payload-core/admin`), `payload generate:types`, and
 `payload migrate:create`.
 
 **2. Seed the row on deploy.** A migration `up()` writes a published version
@@ -181,51 +192,39 @@ you pass as `fontsBaseUrl` (default `/fonts`).
 
 ```ts
 // app/layout.tsx
-import { getPublishedTheme, themeHead } from "@bison-lab/payload-core/theme";
+import { getPublishedIdentity, getPublishedTheme, themeHead } from "@bison-lab/payload-core/theme";
 import bisonConfig from "../bison.config.json";
 
 const theme = await getPublishedTheme(payload, bisonConfig);
-const { css, preloads } = themeHead(theme);
+const identity = await getPublishedIdentity(payload, {
+  lockup: { url: "/logo-lockup.svg", alt: "Acme" },
+  mark: { url: "/logo-mark.svg", alt: "Acme mark" },
+});
+const { css, preloads } = themeHead(theme, { identity });
 
 // <link rel="preload" as="font" type="font/woff2" crossOrigin="" href={href} />
 // <style dangerouslySetInnerHTML={{ __html: css }} />
+// identity.lockup / identity.mark / identity.favicon — uploaded file or the fallback
 ```
 
 If the admin layout renders the same head, the admin panel restyles too.
 
-`getPublishedTheme` reads `draft: false` and falls back to the seed when
-nothing has been published. A newer draft never reaches the public site.
+`getPublishedTheme` reads the live row and falls back to the seed when
+the Global is empty. Empty logo, favicon, and mobile-menu mark use the
+fallback the site passed into `createTheme`. There is no Theme preview pane.
 
-**5. Own the preview route.** The path is code-owned (in the site's
-`ENDPOINTS`), never a nav link, never in the sitemap, reserved from CMS
-slugs, and gated to an authenticated user. It renders `ThemePreview` with
-no site chrome. `createTheme({ previewPath })` points Payload's live-preview
-pane at that path; omit `previewPath` and the pane stays closed.
+## Brand assets
 
-```ts
-// app/theme-preview/page.tsx
-import { ThemePreview } from "@bison-lab/payload-core/react";
-import { getPublishedTheme } from "@bison-lab/payload-core/theme";
-import bisonConfig from "../../../bison.config.json";
-
-const theme = await getPublishedTheme(payload, bisonConfig);
-
-return (
-  <ThemePreview
-    theme={theme}
-    seed={bisonConfig}
-    fontsBaseUrl="/fonts"
-    serverURL={absoluteSiteUrl}
-  />
-);
-```
+Logo, favicon, and mobile-menu mark live in a locked cupboard, not in
+ordinary Media. Call `createBrandAssets` and point Theme at
+`BRAND_ASSETS_SLUG`. Access is the same shape as `createTheme`: `read` is
+typically public so the live site can load the file; `update` is
+`canManageBrand` and covers create, update, delete, and version history.
+SVG preferred, PNG and ICO allowed; an SVG is sanitized on upload.
+Versions stay on so a replaced file can be rolled back.
 
-`ThemePreview` rebuilds the stylesheet in the browser from each live-preview
-message. A half-typed hex keeps the last complete theme so the iframe does
-not go blank. The light / dark toggle sets `data-theme` on the preview root,
-not the document. Pages that later grow a live-preview pane should import
-`THEME_PREVIEW_BREAKPOINTS` from `@bison-lab/payload-core` so the toolbars
-match.
+Each row carries a label, usage notes, and required alt text so a logo
+has its accessible name. Then `payload migrate:create`.
 
 ## No generated types
 
@@ -237,6 +236,7 @@ to a type that has one.
 
 ## Changing a field
 
-`noIndexField`, the plugin's own fields, and the Theme Global fields are
-columns in every consuming site. A change to them is a schema change: say
-"run `payload migrate:create`" in the changeset.
+`noIndexField`, the plugin's own fields, the Theme Global fields, and the
+brand-assets collection fields are columns in every consuming site. A
+change to them is a schema change: say "run `payload migrate:create`" in
+the changeset.

package/dist/admin.d.mts

@@ -1,5 +1,7 @@
 
-import { SelectFieldClientComponent, TextFieldClientComponent, UIFieldClientComponent } from "payload";
+import { ThemeConfig } from "@bison-lab/tokens";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ArrayFieldClientComponent, GroupFieldClientComponent, SelectFieldClientComponent, TextFieldClientComponent, UIFieldClientComponent } from "payload";
 
 //#region src/admin/color-field.d.ts
 /**
@@ -8,21 +10,84 @@ import { SelectFieldClientComponent, TextFieldClientComponent, UIFieldClientComp
  */
 declare const ColorField: TextFieldClientComponent;
 //#endregion
+//#region src/admin/color-scale-field.d.ts
+/**
+ * One system (or library row) color: hex, source step, regenerate, stale,
+ * include/exclude, automatic label. Writes the group's stored fields.
+ */
+declare const ColorScaleField: GroupFieldClientComponent;
+//#endregion
+//#region src/admin/library-field.d.ts
+/**
+ * Custom colors: the same scale controls as system colors, plus add and
+ * in-use delete (one replacement scale; unused rows delete immediately).
+ */
+declare const LibraryField: ArrayFieldClientComponent;
+//#endregion
 //#region src/admin/font-field.d.ts
 /**
  * Listbox over the catalogue ids in `admin.custom.ids`. Each option is the
  * family name in that face, with the catalogue hint beneath. Faces load
- * from the site's font route the first time the picker opens.
+ * from the site's font route for the selected family, and for every
+ * catalogue id once the picker opens.
  */
 declare const FontField: SelectFieldClientComponent;
 //#endregion
+//#region src/admin/pairing-field.d.ts
+/**
+ * Pairing sample only — no weight, letter-spacing, line-height, or health
+ * scores. Faces load from the site's font route.
+ */
+declare const PairingField: UIFieldClientComponent;
+//#endregion
+//#region src/admin/appearance-field.d.ts
+/**
+ * Named appearance choices. Soft → pill, Gentle → minimal, Balanced →
+ * default, Follow device → system. No rem or ms.
+ */
+declare const AppearanceField: GroupFieldClientComponent;
+//#endregion
+//#region src/admin/grey-scale-field.d.ts
+/**
+ * Visual picker over the five grey-scale presets. Replaces the stock select
+ * on Colors; the stored value is still `colors.greyScale`.
+ */
+declare const GreyScaleField: SelectFieldClientComponent;
+//#endregion
 //#region src/admin/contrast-report.d.ts
 /**
- * Reads the five brand colours and grey scale from the form, runs
- * `auditTheme` client-side, and paints its own rows. Warn only: nothing
- * here touches validity.
+ * Contrast used to be a Colors-tab list. Readability now lives on each
+ * color card: Needs attention opens a popup. This field stays in the
+ * schema so `contrastTarget` is still a Theme option; it paints nothing.
  */
 declare const ContrastReport: UIFieldClientComponent;
 //#endregion
-export { ColorField, ContrastReport, FontField };
+//#region src/admin/section-heading.d.ts
+/**
+ * Unnamed UI heading between Theme fields. No document path.
+ */
+declare const SectionHeading: UIFieldClientComponent;
+//#endregion
+//#region src/admin/publish-child.d.ts
+/** @deprecated Theme publish is the document Save button */
+declare const PublishChild: UIFieldClientComponent;
+//#endregion
+//#region src/admin/save-button.d.ts
+/**
+ * Payload's document Save slot — the same control row as Pages'
+ * "Publish changes". Theme has no drafts; this publishes only the
+ * open field tab. The tab is read after mount so SSR matches.
+ */
+declare function ThemeSaveButton(): react_jsx_runtime0.JSX.Element;
+/** Import-map alias — Theme still points `SaveButton` at this name. */
+declare const HiddenSaveButton: typeof ThemeSaveButton;
+//#endregion
+//#region src/admin/identity-fallback.d.ts
+/**
+ * Identity child when the site has not registered a cupboard yet.
+ * Shows the fallback lockup and mark; uploads wait on `logo.collection`.
+ */
+declare const IdentityFallback: UIFieldClientComponent;
+//#endregion
+export { AppearanceField, ColorField, ColorScaleField, ContrastReport, FontField, GreyScaleField, HiddenSaveButton, IdentityFallback, LibraryField, PairingField, PublishChild, SectionHeading, ThemeSaveButton };
 //# sourceMappingURL=admin.d.mts.map

package/dist/admin.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"admin.d.mts","names":[],"sources":["../src/admin/color-field.tsx","../src/admin/font-field.tsx","../src/admin/contrast-report.tsx"],"mappings":";;;;;;AAWA;;cAAa,UAAA,EAAY,wBAAA;;;;;AAAzB;;;cCGa,SAAA,EAAW,0BAAA;;;;;ADHxB;;;cEqEa,cAAA,EAAgB,sBAAA"}
+{"version":3,"file":"admin.d.mts","names":[],"sources":["../src/admin/color-field.tsx","../src/admin/color-scale-field.tsx","../src/admin/library-field.tsx","../src/admin/font-field.tsx","../src/admin/pairing-field.tsx","../src/admin/appearance-field.tsx","../src/admin/grey-scale-field.tsx","../src/admin/contrast-report.tsx","../src/admin/section-heading.tsx","../src/admin/publish-child.tsx","../src/admin/save-button.tsx","../src/admin/identity-fallback.tsx"],"mappings":";;;;;;;;;;cAWa,UAAA,EAAY,wBAAA;;;;;;;cCGZ,eAAA,EAAiB,yBAAA;;;;;;;cCQjB,YAAA,EAAc,yBAAA;;;;;;;;AFX3B;cGMa,SAAA,EAAW,0BAAA;;;;;;;cCNX,YAAA,EAAc,sBAAA;;;;;;;cCCd,eAAA,EAAiB,yBAAA;;;;;;;cCiDjB,cAAA,EAAgB,0BAAA;;;;;;;;cCtDhB,cAAA,EAAgB,sBAAA;;;;;;cCFhB,cAAA,EAAgB,sBAAA;;;;cCmIhB,YAAA,EAAc,sBAAA;;;;;;;;iBC7HX,eAAA,CAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AVA/B;AAAA,cU0Ba,gBAAA,SAAgB,eAAA;;;;;;;cC7BhB,gBAAA,EAAkB,sBAAA"}