Crimson Grid, Tangerine Ledger, Slate Band and Teal Swoosh are rebuilt from the reference PDFs with grid and band tables that survive page breaks, full-bleed fixed bands, pennant tabs, gradient corner swooshes with keep-outs, Carbon icon circles, and the user's logo in the measured slot (knockout or white chip on the dark Slate band). Adds static Poppins 500-700 and Inter fonts. Thumbnails regenerated for all eight templates; the item-count sweeps run in their own test file.
15 lines
542 B
TypeScript
15 lines
542 B
TypeScript
import { View } from "@react-pdf/renderer";
|
|
import { pinned } from "../engine/columns";
|
|
|
|
export interface AccentRuleProps {
|
|
width: number;
|
|
thickness: number;
|
|
color: string;
|
|
style?: Record<string, unknown>;
|
|
}
|
|
|
|
/** A solid bar in the flow (the Crimson header rule, the Slate/Teal total dash): an empty View, so a pinned height is allowed. */
|
|
export function AccentRule({ width, thickness, color, style }: AccentRuleProps) {
|
|
return <View style={{ ...pinned(width), height: thickness, backgroundColor: color, ...style } as never} />;
|
|
}
|