@taprootio/site-authoring 0.10.3 → 0.10.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taprootio/site-authoring",
-  "version": "0.10.3",
+  "version": "0.10.7",
   "description": "Taproot site authoring CLI: sign in once in the browser, then pull, validate, push, preview, approve, and deploy a site from the terminal",
   "type": "module",
   "license": "ISC",
@@ -28,7 +28,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@taprootio/espalier": "4.19.0"
+    "@taprootio/espalier": "4.20.1"
   },
   "scripts": {
     "test": "node --test",

package/src/constants.js

@@ -1,5 +1,5 @@
 export const CLI_NAME = "@taprootio/site-authoring";
-export const CLI_VERSION = "0.10.3";
+export const CLI_VERSION = "0.10.7";
 export const CLI_BINARY_NAME = "taproot-site";
 export const RESULT_SCHEMA_VERSION = 1;
 export const CONFIG_FILE_NAME = "taproot-site.json";

package/src/content/components.js

@@ -203,14 +203,25 @@ const TESTIMONIAL = Object.freeze({
 
 /** `LatestPostsData` — resolved at generation time. */
 const LATEST_POSTS = Object.freeze({
-  count: num({ values: Object.freeze([3, 6, 9, 12]) }),
-  columns: num({ values: Object.freeze([2, 3, 4]) }),
+  count: num({
+    integer: true,
+    minimum: 1,
+    maximum: 12,
+    description: "How many posts to show, 1 to 12; a single post spans the full width.",
+  }),
+  columns: num({ values: Object.freeze([1, 2, 3, 4]) }),
   pageTypes: list(enumOf(...LATEST_POST_PAGE_TYPES)),
   showPinned: bool(),
   highlightFirst: bool(),
   showDescription: bool(),
   showDate: bool(),
   showAuthor: bool(),
+  borderWidth: num({
+    integer: true,
+    minimum: 0,
+    description: "Pixel border around each card, as on a card grid; the grid itself is never framed. 0 boxes nothing; omitted publishes 1.",
+  }),
+  bannerScheme: enumOf("auto", "light", "dark"),
 });
 
 /** `CardGridData`. `cropState` is the one genuinely optional field in types.ts. */
@@ -435,6 +446,8 @@ const COMPONENT_DEFINITIONS = Object.freeze({
       showDescription: true,
       showDate: true,
       showAuthor: false,
+      borderWidth: 1,
+      bannerScheme: "auto",
     },
     ["Keep descriptions enabled when titles alone do not make each destination clear."],
     {
@@ -446,6 +459,8 @@ const COMPONENT_DEFINITIONS = Object.freeze({
       showDescription: true,
       showDate: true,
       showAuthor: false,
+      borderWidth: 1,
+      bannerScheme: "dark",
     },
   ),
   "card-grid": component(

package/src/content/tiptap-prosemirror.ts

@@ -732,10 +732,10 @@ function renderSection(
       "--esp-section-padding-block: 0",
     );
   }
-  if (kind === "explicit") {
-    const decorationStyle = normalizedSectionDecorationStyle(attrs.decoration);
-    if (decorationStyle) sectionStyleParts.push(...decorationStyle);
-  }
+  // Espalier paints the decoration plane only on a section carrying the
+  // `decoration` attribute, so the hooks and the attribute travel together.
+  const decorationStyle = kind === "explicit" ? normalizedSectionDecorationStyle(attrs.decoration) : undefined;
+  if (decorationStyle) sectionStyleParts.push(...decorationStyle);
   const background = kind === "explicit" ? normalizeSectionBackground(attrs.background) : undefined;
   const backgroundPicture = background
     ? renderSectionBackgroundPicture(background, options.claimSectionBackgroundImage?.() === true)
@@ -773,6 +773,7 @@ function renderSection(
       "data-entrance": entrance,
       "data-entrance-stagger": entranceStagger,
       context,
+      decoration: decorationStyle ? true : undefined,
       style: sectionStyle,
     },
     surfaced,

package/src/reference-help.js

@@ -51,7 +51,7 @@ import {
 
 export { getAppearanceReference, getFooterReference, getThemeReference };
 
-export const REFERENCE_VERSION = 24;
+export const REFERENCE_VERSION = 26;
 export const PAGE_TYPES = Object.freeze(["free-form"]);
 
 function deepFreeze(value) {
@@ -177,7 +177,7 @@ const DESIGN_BLUEPRINTS = deepFreeze([
         section: { entrance: "fade", entranceStagger: "tight" },
         components: [
           { type: "image-banner", properties: { ratio: "2/1", heightMode: "ratio", contentPosition: "bottom-start", scrim: "bottom", imageMotion: "none" } },
-          { type: "latest-posts", properties: { count: 6, columns: 3, highlightFirst: false, showDescription: true, showDate: true } },
+          { type: "latest-posts", properties: { count: 5, columns: 3, highlightFirst: false, showDescription: true, showDate: true, borderWidth: 1, bannerScheme: "auto" } },
         ],
       },
       {