@formicoidea/labre-core 0.59.0 → 0.61.0

package/dist/_pkgs/affine-components/icons/loading.js

@@ -1,5 +1,11 @@
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { html } from 'lit';
+/**
+ * The library's spinner. Rotated by SMIL, not by a `<style>` inside the
+ * SVG: that sheet was global in light DOM (any `.spinner` of the page
+ * spun), and a binding after it fails to render under happy-dom, so no
+ * unit spec could mount a view that draws it.
+ */
 export const LoadingIcon = ({ size = '1em', progress = 0.2, ringColor = cssVarV2('loading/background'), strokeColor = cssVarV2('loading/foreground'), } = {}) => html `<svg
     width="${size}"
     height="${size}"
@@ -7,17 +13,6 @@ export const LoadingIcon = ({ size = '1em', progress = 0.2, ringColor = cssVarV2
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
   >
-    <style>
-      .spinner {
-        transform-origin: center;
-        animation: spinner_animate 0.75s infinite linear;
-      }
-      @keyframes spinner_animate {
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-    </style>
     <circle cx="12" cy="12" r="8" stroke="${ringColor}" stroke-width="4" />
     <circle
       class="spinner"
@@ -31,5 +26,14 @@ export const LoadingIcon = ({ size = '1em', progress = 0.2, ringColor = cssVarV2
     Math.PI *
     8 *
     (1 - progress)}"
-    />
+    >
+      <animateTransform
+        attributeName="transform"
+        type="rotate"
+        from="0 12 12"
+        to="360 12 12"
+        dur="0.75s"
+        repeatCount="indefinite"
+      />
+    </circle>
   </svg>`;

package/dist/_pkgs/affine-fragment-doc-title/title-band/show-here.js

@@ -1,5 +1,5 @@
 import { EdgelessCRUDIdentifier } from '../../affine-block-surface/index.js';
-import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, } from '../../affine-shared/consts/index.js';
+import { EMBED_CARD_HEIGHT, EMBED_CARD_WIDTH, LINKED_DOC_NOTE_STYLE, } from '../../affine-shared/consts/index.js';
 import { TelemetryProvider } from '../../affine-shared/services/index.js';
 import { getLastNoteBlock } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
@@ -45,7 +45,7 @@ function insertInPage(std, pageId) {
     if (!root)
         return null;
     const noteId = getLastNoteBlock(store)?.id ?? store.addBlock('affine:note', {}, root.id);
-    return store.addBlock(LINKED_DOC, { pageId }, noteId);
+    return store.addBlock(LINKED_DOC, { pageId, style: LINKED_DOC_NOTE_STYLE }, noteId);
 }
 function insertOnCanvas(std, pageId) {
     const gfx = std.get(GfxControllerIdentifier);

package/dist/_pkgs/affine-fragment-doc-title/title-band/title-band.d.ts

@@ -62,8 +62,16 @@ export declare class TitleBand extends TitleBand_base {
     private _cellFor;
     private readonly _openPanel;
     private readonly _onChip;
+    /** The host's menu for the property, under its name (`configure`). */
+    private _onNameContextMenu;
     private _renderFallback;
     private _renderChip;
+    /**
+     * `withAdd: false` on the collapsed row: a "+" there added a property the
+     * reader could not see (recette 3, P3-x), so it only shows once the chips
+     * it adds to are drawn. A page with no property has nothing to collapse
+     * and keeps its "+".
+     */
     private _renderTools;
     private _renderSheet;
     private _renderNotShown;

package/dist/_pkgs/affine-fragment-doc-title/title-band/title-band.js

@@ -32,6 +32,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { LoadingIcon } from '../../affine-components/icons/index.js';
 import { RefNodeSlotsProvider } from '../../affine-inline-reference/index.js';
 import { DOC_UNTITLED, FeatureFlagService, formatLocale, PropertiesPanelProvider, TitleBandProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { stopPropagation } from '../../affine-shared/utils/index.js';
@@ -224,12 +225,11 @@ let TitleBand = (() => {
       color: var(--affine-placeholder-color);
     }
 
-    .labre-title-band-skeleton {
-      display: inline-block;
-      width: 96px;
-      height: 20px;
-      border-radius: 6px;
-      background-color: var(--affine-hover-color);
+    /* The host's rule: a spinner centred in what loads, never a skeleton
+       (recette 3; ADR-0057 on the Labre side). */
+    .labre-title-band-row.labre-title-band-loading {
+      justify-content: center;
+      font-size: 16px;
     }
 
     .labre-title-band-not-shown-label {
@@ -423,6 +423,18 @@ let TitleBand = (() => {
             sources.cells.set(id, { type, optionsWritable, cell });
             return cell;
         }
+        /** The host's menu for the property, under its name (`configure`). */
+        _onNameContextMenu(sources, prop, event) {
+            const configure = sources.service.configure;
+            if (!configure || this._readonly)
+                return;
+            // A touch long-press is the browser's (text selection), as before.
+            if (event.pointerType === 'touch')
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            configure.call(sources.service, sources.docId, prop.id, event.currentTarget);
+        }
         _renderFallback(prop) {
             const text = formatPropertyValue(prop, this._locale);
             return html `<span
@@ -460,7 +472,12 @@ let TitleBand = (() => {
                 this._onChip(event, false);
             }}
     >
-      <span class="labre-title-band-chip-name">${prop.name}</span>
+      <span
+        class="labre-title-band-chip-name"
+        data-testid="title-band-chip-name"
+        @contextmenu=${(event) => this._onNameContextMenu(sources, prop, event)}
+        >${prop.name}</span
+      >
       ${cell
                 ? html `<dv-standalone-cell
             class="labre-title-band-chip-value"
@@ -474,8 +491,14 @@ let TitleBand = (() => {
                 : this._renderFallback(prop)}
     </div>`;
         }
-        _renderTools(sources, hasPanel) {
-            const canAdd = !!sources.service.add && !this._readonly;
+        /**
+         * `withAdd: false` on the collapsed row: a "+" there added a property the
+         * reader could not see (recette 3, P3-x), so it only shows once the chips
+         * it adds to are drawn. A page with no property has nothing to collapse
+         * and keeps its "+".
+         */
+        _renderTools(sources, hasPanel, withAdd = true) {
+            const canAdd = withAdd && !!sources.service.add && !this._readonly;
             return html `${canAdd
                 ? html `<button
           class="labre-title-band-icon-button"
@@ -509,14 +532,13 @@ let TitleBand = (() => {
             const state = sources.sheet$.value;
             if (state.status === 'loading') {
                 return html `<div
-        class="labre-title-band-row"
+        class="labre-title-band-row labre-title-band-loading"
         role="status"
         aria-busy="true"
         aria-label=${this._t(TITLE_BAND_LOADING)}
         data-testid="title-band-loading"
       >
-        <span class="labre-title-band-skeleton"></span>
-        <span class="labre-title-band-skeleton"></span>
+        ${LoadingIcon()}
       </div>`;
             }
             if (state.status !== 'ready')
@@ -545,7 +567,7 @@ let TitleBand = (() => {
             >${this._t(TITLE_BAND_EXPAND, properties.length)}</span
           >
         </button>
-        ${this._renderTools(sources, hasPanel)}
+        ${this._renderTools(sources, hasPanel, false)}
       </div>`;
             }
             return html `<div

package/dist/_pkgs/affine-fragment-doc-title/translations.d.ts

@@ -21,7 +21,7 @@ export declare const TITLE_BAND_OPEN_PANEL: ChromeWording;
 export declare const TITLE_BAND_COLLAPSE: ChromeWording;
 /** The folded band's only button; `count` is the number of chips. */
 export declare const TITLE_BAND_EXPAND: ChromeWording;
-/** The accessible name of the skeleton drawn while the sheet loads. */
+/** The accessible name of the spinner drawn while the sheet loads. */
 export declare const TITLE_BAND_LOADING: ChromeWording;
 /**
  * The row of child pages the document holds but does not display, under the

package/dist/_pkgs/affine-fragment-doc-title/translations.js

@@ -42,7 +42,7 @@ export const TITLE_BAND_EXPAND = [
     'com.labre.title-band.expand',
     'Properties ({{count}})',
 ];
-/** The accessible name of the skeleton drawn while the sheet loads. */
+/** The accessible name of the spinner drawn while the sheet loads. */
 export const TITLE_BAND_LOADING = [
     'com.labre.title-band.loading',
     'Loading properties',

package/dist/_pkgs/affine-gfx-mindmap/toolbar/basket-elements.d.ts

@@ -18,5 +18,17 @@ export declare const mindmapConfig: ToolConfig;
 export declare const mediaConfig: ToolConfig;
 export declare const getMindmapRender: (mindmapStyle: MindmapStyle) => DraggableTool["render"];
 export declare const textRender: DraggableTool['render'];
+/**
+ * The canvas's "Add file" (the promoted senior tool, and the media item of the
+ * mind map basket): the host's asset dialog when there is one
+ * (`AssetPickerProvider`, `kind: 'file'`, one ref), the system file chooser
+ * otherwise. Either way an image lands as an image block and anything else as
+ * an attachment card, at `bound`'s corner.
+ *
+ * It used to call the file chooser unconditionally, so with the seam present
+ * the canvas's image and file buttons of the note menu opened the dialog
+ * while this one, the most visible, still opened the system chooser (labre
+ * recette of 2026-10-28).
+ */
 export declare const mediaRender: DraggableTool['render'];
 export declare const toolConfig2StyleObj: (config: ToolConfig) => Record<string, string>;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/basket-elements.js

@@ -1,9 +1,9 @@
-import { addAttachments } from '../../affine-block-attachment/index.js';
-import { addImages } from '../../affine-block-image/index.js';
+import { addAttachments, addAttachmentsFromAssets, } from '../../affine-block-attachment/index.js';
+import { addImages, addImagesFromAssets } from '../../affine-block-image/index.js';
 import { CanvasElementType, EdgelessCRUDIdentifier, } from '../../affine-block-surface/index.js';
 import { insertEdgelessTextCommand, mountTextElementEditor, } from '../../affine-gfx-text/index.js';
 import { MAX_IMAGE_WIDTH, TextElementModel, } from '../../affine-model/index.js';
-import { FeatureFlagService, TelemetryProvider, translateKey, } from '../../affine-shared/services/index.js';
+import { AssetPickerProvider, FeatureFlagService, TelemetryProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { openSingleFileWith } from '../../affine-shared/utils/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import * as Y from 'yjs';
@@ -105,7 +105,48 @@ export const textRender = async (bound, edgeless) => {
     });
     return id;
 };
+/**
+ * The canvas's "Add file" (the promoted senior tool, and the media item of the
+ * mind map basket): the host's asset dialog when there is one
+ * (`AssetPickerProvider`, `kind: 'file'`, one ref), the system file chooser
+ * otherwise. Either way an image lands as an image block and anything else as
+ * an attachment card, at `bound`'s corner.
+ *
+ * It used to call the file chooser unconditionally, so with the seam present
+ * the canvas's image and file buttons of the note menu opened the dialog
+ * while this one, the most visible, still opened the system chooser (labre
+ * recette of 2026-10-28).
+ */
 export const mediaRender = async (bound, edgeless) => {
+    const std = edgeless.std;
+    const point = [bound.x, bound.y];
+    const picker = std.getOptional(AssetPickerProvider);
+    if (picker) {
+        let asset;
+        try {
+            [asset] =
+                (await picker.pick({
+                    kind: 'file',
+                    mode: 'insert',
+                    multiple: false,
+                    docId: std.store.id,
+                })) ?? [];
+        }
+        catch (e) {
+            console.error(e);
+            return null;
+        }
+        if (!asset)
+            return null;
+        const [id] = asset.type.startsWith('image/')
+            ? await addImagesFromAssets(std, [asset], {
+                point,
+                maxWidth: MAX_IMAGE_WIDTH,
+                shouldTransformPoint: false,
+            })
+            : addAttachmentsFromAssets(std, [asset], point, false);
+        return id ?? null;
+    }
     let file = null;
     try {
         file = await openSingleFileWith();
@@ -117,8 +158,6 @@ export const mediaRender = async (bound, edgeless) => {
     if (!file)
         return null;
     const files = [file];
-    const std = edgeless.std;
-    const point = [bound.x, bound.y];
     // image
     if (file.type.startsWith('image/')) {
         const [id] = await addImages(std, files, {

package/dist/_pkgs/affine-gfx-mindmap/toolbar/senior-tool.d.ts

@@ -7,7 +7,8 @@ export declare const mindMapSeniorTool: import("../../store/index.js").Extension
 export declare const textSeniorTool: import("../../store/index.js").ExtensionType;
 /**
  * Standalone "Add file" tool. Promoted out of the former "Others" submenu: a
- * single tap opens the file picker and inserts the image/attachment at the
- * viewport center. Reuses the submenu's `mediaRender` action.
+ * single tap opens the host's asset dialog (or the file picker without one)
+ * and inserts the image/attachment at the viewport center. Reuses the
+ * submenu's `mediaRender` action.
  */
 export declare const mediaSeniorTool: import("../../store/index.js").ExtensionType;

package/dist/_pkgs/affine-gfx-mindmap/toolbar/senior-tool.js

@@ -66,8 +66,9 @@ export const textSeniorTool = SeniorToolExtension('edgeless-text', ({ block, gfx
 }));
 /**
  * Standalone "Add file" tool. Promoted out of the former "Others" submenu: a
- * single tap opens the file picker and inserts the image/attachment at the
- * viewport center. Reuses the submenu's `mediaRender` action.
+ * single tap opens the host's asset dialog (or the file picker without one)
+ * and inserts the image/attachment at the viewport center. Reuses the
+ * submenu's `mediaRender` action.
  */
 export const mediaSeniorTool = SeniorToolExtension('edgeless-media', ({ block, gfx }) => ({
     name: 'Add file',

package/dist/_pkgs/affine-gfx-template/builtin/slides/build.js

@@ -4,7 +4,7 @@ import * as Y from 'yjs';
 import { makeTemplateSnapshot, surfaceText, } from '../../make-snapshot.js';
 import { SLIDE_SEED_FOOTER, SLIDE_SEED_IMAGE } from '../../translations.js';
 import { tr } from '../other.js';
-import { SLIDE_FOOTER_Y, SLIDE_HAIRLINE_WIDTH, SLIDE_HEIGHT, SLIDE_LINE_HEIGHT, SLIDE_MARGIN, SLIDE_PALETTES, SLIDE_RADIUS, SLIDE_TYPE, SLIDE_WIDTH, SLIDE_ZONE_STROKE_WIDTH, } from './consts.js';
+import { SLIDE_FOOTER_Y, SLIDE_HAIRLINE_WIDTH, SLIDE_HEIGHT, SLIDE_LINE_HEIGHT, SLIDE_MARGIN, SLIDE_PALETTE, SLIDE_RADIUS, SLIDE_TYPE, SLIDE_WIDTH, SLIDE_ZONE_STROKE_WIDTH, } from './consts.js';
 /**
  * The one builder of the slide masks: a mask declaration (`masks.ts`) in, a
  * template snapshot (one 1600 x 900 frame and the elements it holds) and a
@@ -43,7 +43,7 @@ function shapeElement(x, y, w, h, opts) {
         type: 'shape',
         shapeType: opts.shapeType,
         filled: opts.fill !== null,
-        fillColor: opts.fill ?? SLIDE_PALETTES.paper.paper,
+        fillColor: opts.fill ?? SLIDE_PALETTE.paper,
         strokeColor: opts.stroke,
         strokeWidth: opts.dash ? SLIDE_ZONE_STROKE_WIDTH : SLIDE_HAIRLINE_WIDTH,
         strokeStyle: opts.dash ? StrokeStyle.Dash : StrokeStyle.Solid,
@@ -89,7 +89,7 @@ function zoneElement(zone, palette, std) {
             return shapeElement(zone.x, zone.y, zone.w, zone.h, {
                 shapeType: zone.shape ?? 'rect',
                 fill: zone.filled ? palette.hairline : null,
-                stroke: zone.stroke === 'muted' ? palette.muted : palette.hairline,
+                stroke: zone.stroke === 'muted' ? palette.rule : palette.hairline,
                 dash: false,
                 radius: SLIDE_RADIUS,
                 label: zone.label ? tr(std, zone.label, zone.params) : undefined,
@@ -108,7 +108,7 @@ function zoneElement(zone, palette, std) {
             return {
                 type: 'connector',
                 mode: ConnectorMode.Straight,
-                stroke: palette.muted,
+                stroke: palette.rule,
                 strokeWidth: SLIDE_HAIRLINE_WIDTH,
                 strokeStyle: StrokeStyle.Solid,
                 frontEndpointStyle: PointStyle.None,
@@ -120,7 +120,7 @@ function zoneElement(zone, palette, std) {
 }
 /** The elements of one mask, footer and slide number last, in paint order. */
 export function slideElements(mask, std) {
-    const palette = SLIDE_PALETTES[mask.variant];
+    const palette = SLIDE_PALETTE;
     const elements = {};
     mask.zones.forEach((zone, i) => {
         elements[`z${i}`] = zoneElement(zone, palette, std);
@@ -164,7 +164,7 @@ function slideFrame(mask, elements, std) {
                 '$blocksuite:internal:text$': true,
                 delta: [{ insert: name }],
             },
-            background: SLIDE_PALETTES[mask.variant].paper,
+            background: SLIDE_PALETTE.paper,
             xywh: xywh(0, 0, SLIDE_WIDTH, SLIDE_HEIGHT),
             index: 'a0',
             childElementIds: Object.fromEntries(Object.keys(elements).map(id => [id, true])),
@@ -246,7 +246,7 @@ function previewZone(zone, palette) {
             const filled = zone.kind === 'image' || (zone.kind === 'card' && zone.filled);
             const fill = filled ? light(palette.hairline) : 'none';
             const stroke = light(zone.kind === 'card' && zone.stroke === 'muted'
-                ? palette.muted
+                ? palette.rule
                 : zone.kind === 'image'
                     ? palette.zoneStroke
                     : palette.hairline);
@@ -259,7 +259,7 @@ function previewZone(zone, palette) {
         case 'dot':
             return `<circle cx="${zone.x + zone.size / 2}" cy="${zone.y + zone.size / 2}" r="${zone.size / 2}" fill="${light(palette.ink)}"/>`;
         case 'line':
-            return `<path d="M${zone.from[0]} ${zone.from[1]} L${zone.to[0]} ${zone.to[1]}" stroke="${light(palette.muted)}" stroke-width="6"/>`;
+            return `<path d="M${zone.from[0]} ${zone.from[1]} L${zone.to[0]} ${zone.to[1]}" stroke="${light(palette.rule)}" stroke-width="6"/>`;
     }
 }
 /**
@@ -270,7 +270,7 @@ function previewZone(zone, palette) {
  * panel.
  */
 export function slidePreview(mask) {
-    const palette = SLIDE_PALETTES[mask.variant];
+    const palette = SLIDE_PALETTE;
     const body = mask.zones.map(zone => previewZone(zone, palette)).join('');
-    return `<svg width="100%" height="100%" viewBox="-20 -20 ${SLIDE_WIDTH + 40} ${SLIDE_HEIGHT + 40}" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="${SLIDE_WIDTH}" height="${SLIDE_HEIGHT}" rx="16" fill="${light(palette.paper)}" stroke="${light(SLIDE_PALETTES.paper.hairline)}" stroke-width="8"/>${body}</svg>`;
+    return `<svg width="100%" height="100%" viewBox="-20 -20 ${SLIDE_WIDTH + 40} ${SLIDE_HEIGHT + 40}" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="${SLIDE_WIDTH}" height="${SLIDE_HEIGHT}" rx="16" fill="${light(palette.paper)}" stroke="${light(palette.hairline)}" stroke-width="8"/>${body}</svg>`;
 }

package/dist/_pkgs/affine-gfx-template/builtin/slides/consts.d.ts

@@ -1,8 +1,8 @@
 import { type Color, FontWeight } from '../../../affine-model/index.js';
 /**
- * The slide masks' one system: geometry, typography and the two paper
- * variants. Every mask in `masks.ts` reads these and restates none of them,
- * so a size or a colour changes here, once, for the whole set.
+ * The slide masks' one system: geometry, typography and the one paper.
+ * Every mask in `masks.ts` reads these and restates none of them, so a size
+ * or a colour changes here, once, for the whole set.
  */
 /** A 16:9 slide, the frame menu's own `16:9` preset (1600 × 900). */
 export declare const SLIDE_WIDTH = 1600;
@@ -47,78 +47,62 @@ export type SlidePalette = {
     paper: Color;
     /** Titles, headings, body text, key figures. */
     ink: Color;
-    /** Eyebrows, captions, footer, slide number, axis labels. */
+    /** Eyebrows, captions, footer, slide number, axis labels, details. */
     muted: Color;
+    /** Rules, arrows and the outlines meant to be seen (a Venn circle). */
+    rule: Color;
     /** Hairlines, card outlines, the fill of a placeholder. */
     hairline: Color;
     /** The dashed outline of a fill zone. */
     zoneStroke: Color;
 };
 /**
- * Two variants, so the set reads as one deck: `paper`, a light slide that
- * turns dark grey on a dark canvas, and `inverse`, the ink slide of a section
- * divider, a statement or a quote, which swaps paper and ink.
+ * One paper for every mask: white, turning dark grey on a dark canvas. The
+ * set once had an `inverse` black slide (section, statement, quote); the PO
+ * wants every slide of a deck on white (recette of 0.60), so a deck reads as
+ * one sheet and prints as one.
+ *
+ * Words reach WCAG AA (4.5:1) on both sides of the paper, which the base
+ * palette's medium grey does not (`#929292` on white is 3.1:1): secondary
+ * words are set in ink, and their tone is carried by their role's size.
+ * The medium grey stays for rules and outlines, where 3:1 is the bar.
+ *
+ * ponytail: `muted` is the ink pair, so a muted line looks like an ink one
+ * at the same size. The ceiling is a deck with no tonal step between a
+ * heading and its detail; the upgrade is a darker grey `{ light, dark }`
+ * pair in the base palette (one AA on white and on `#252525`), set here.
  */
-export declare const SLIDE_PALETTES: {
-    readonly paper: {
-        readonly paper: Color;
-        readonly ink: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly muted: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly hairline: {
-            dark: string;
-            light: string;
-        };
-        readonly zoneStroke: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
+export declare const SLIDE_PALETTE: {
+    readonly paper: Color;
+    readonly ink: string | {
+        normal: string;
+    } | {
+        dark: string;
+        light: string;
+    };
+    readonly muted: string | {
+        normal: string;
+    } | {
+        dark: string;
+        light: string;
+    };
+    readonly rule: string | {
+        normal: string;
+    } | {
+        dark: string;
+        light: string;
+    };
+    readonly hairline: {
+        dark: string;
+        light: string;
     };
-    readonly inverse: {
-        readonly paper: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly ink: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly muted: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly hairline: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
-        readonly zoneStroke: string | {
-            normal: string;
-        } | {
-            dark: string;
-            light: string;
-        };
+    readonly zoneStroke: string | {
+        normal: string;
+    } | {
+        dark: string;
+        light: string;
     };
 };
-export type SlideVariant = keyof typeof SLIDE_PALETTES;
 /** Stroke widths, model units. */
 export declare const SLIDE_HAIRLINE_WIDTH = 2;
 export declare const SLIDE_ZONE_STROKE_WIDTH = 2;

package/dist/_pkgs/affine-gfx-template/builtin/slides/consts.js

@@ -2,9 +2,9 @@ import { DefaultTheme, FontWeight } from '../../../affine-model/index.js';
 import { HEADING_SCALE } from '../../../affine-shared/consts/index.js';
 import { darkThemeV2, lightThemeV2 } from '@toeverything/theme/v2';
 /**
- * The slide masks' one system: geometry, typography and the two paper
- * variants. Every mask in `masks.ts` reads these and restates none of them,
- * so a size or a colour changes here, once, for the whole set.
+ * The slide masks' one system: geometry, typography and the one paper.
+ * Every mask in `masks.ts` reads these and restates none of them, so a size
+ * or a colour changes here, once, for the whole set.
  */
 /** A 16:9 slide, the frame menu's own `16:9` preset (1600 × 900). */
 export const SLIDE_WIDTH = 1600;
@@ -74,25 +74,28 @@ const NOTE_GREY = {
     light: lightThemeV2['edgeless/note/grey'],
 };
 /**
- * Two variants, so the set reads as one deck: `paper`, a light slide that
- * turns dark grey on a dark canvas, and `inverse`, the ink slide of a section
- * divider, a statement or a quote, which swaps paper and ink.
+ * One paper for every mask: white, turning dark grey on a dark canvas. The
+ * set once had an `inverse` black slide (section, statement, quote); the PO
+ * wants every slide of a deck on white (recette of 0.60), so a deck reads as
+ * one sheet and prints as one.
+ *
+ * Words reach WCAG AA (4.5:1) on both sides of the paper, which the base
+ * palette's medium grey does not (`#929292` on white is 3.1:1): secondary
+ * words are set in ink, and their tone is carried by their role's size.
+ * The medium grey stays for rules and outlines, where 3:1 is the bar.
+ *
+ * ponytail: `muted` is the ink pair, so a muted line looks like an ink one
+ * at the same size. The ceiling is a deck with no tonal step between a
+ * heading and its detail; the upgrade is a darker grey `{ light, dark }`
+ * pair in the base palette (one AA on white and on `#252525`), set here.
  */
-export const SLIDE_PALETTES = {
-    paper: {
-        paper: DefaultTheme.NoteBackgroundColorMap['White'],
-        ink: DefaultTheme.black,
-        muted: MEDIUM_GREY,
-        hairline: NOTE_GREY,
-        zoneStroke: MEDIUM_GREY,
-    },
-    inverse: {
-        paper: DefaultTheme.black,
-        ink: DefaultTheme.white,
-        muted: MEDIUM_GREY,
-        hairline: MEDIUM_GREY,
-        zoneStroke: MEDIUM_GREY,
-    },
+export const SLIDE_PALETTE = {
+    paper: DefaultTheme.NoteBackgroundColorMap['White'],
+    ink: DefaultTheme.black,
+    muted: DefaultTheme.black,
+    rule: MEDIUM_GREY,
+    hairline: NOTE_GREY,
+    zoneStroke: MEDIUM_GREY,
 };
 /** Stroke widths, model units. */
 export const SLIDE_HAIRLINE_WIDTH = 2;

package/dist/_pkgs/affine-gfx-template/builtin/slides/masks.d.ts

@@ -1,5 +1,5 @@
 import type { ChromeWording, TranslationParams } from '../../../affine-shared/services/index.js';
-import { type SlideTextRole, type SlideVariant } from './consts.js';
+import { type SlideTextRole } from './consts.js';
 /**
  * The slide masks, as DATA: a mask is the list of its zones, and one builder
  * (`build.ts`) projects every mask into a frame, its elements and its preview.
@@ -76,7 +76,6 @@ export type SlideMask = {
     name: ChromeWording;
     /** Plain English search words besides the name (`Template.keywords`). */
     keywords: string[];
-    variant: SlideVariant;
     zones: SlideZone[];
 };
 /** Every mask, in the panel's order: a deck reads top to bottom. */