@fairgarden/design 0.1.0-0.canary.0

package/data/chart/chart.module.css

@@ -0,0 +1,376 @@
+/*
+ * Chart (§8.7) [D167, D125]. CVA function `chart`. Parts: `base` (the
+ * module wrapper, the container `chart`), `body` (the FigureMedia: legend
+ * and chart area), `legend` (+ `legendList`, `legendItem`, `legendLabel`,
+ * `swatch`, `stepLegend`, `stepBar`, `stepLabel`, `defs`), `chartArea`,
+ * `axisTitle`, `plot` (+ `plotBars`, `plotColumns`: the screen copies),
+ * `print` (the fixed print copy), `tooltip` (+ parts), the Recharts SVG parts
+ * (`gridLine`, `zeroLine`, `cursorBand`, `cursorLine`, ticks,
+ * labels, `stepFill`, `stepPattern`, pattern parts) and `dataTable`, the
+ * Collapsible holding the §8.2 Table. The Figure owns the caption (§8.5).
+ *
+ * Colors are role variables only. Recharts receives them as role-variable
+ * strings (fill, stroke); these rules add line geometry, type roles and
+ * structure. Local custom properties: none.
+ */
+
+/* Composition sits in top-level rules, outside the layers: Lightning CSS
+ * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
+ * The composed classes keep their own layers. */
+.axisTitle {
+  composes: typeLabel from '../../utils/type.module.css';
+}
+
+.legendLabel {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.stepLabel {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.categoryTick {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.valueTick {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.valueLabel {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.labelOnFill {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.endName {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.endValue {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.areaLabel {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.tooltipLabel {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.tooltipName {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.tooltipValue {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.gridLine {
+  composes: lineDottedFine from '../../utils/line.module.css';
+}
+
+.cursorLine {
+  composes: lineDottedFine from '../../utils/line.module.css';
+}
+
+@layer base {
+  /*
+   * The module wrapper: its own inline-size container [D163], named because
+   * the Figure inside is a container too and the parts answer to this one.
+   */
+  .base {
+    container: chart / inline-size;
+    display: grid;
+    gap: var(--size-px-3);
+    /* Size containment gives the chart no intrinsic width, so it fills its
+       box; as a shrink-to-fit or flex item it would collapse to its labels. */
+    inline-size: 100%;
+    min-inline-size: 0;
+    color: var(--primary12);
+  }
+
+  /* Baseline: the legend above the chart, in source order. */
+  .body {
+    display: grid;
+    gap: var(--size-px-3);
+    min-inline-size: 0;
+  }
+
+  .chartArea {
+    display: grid;
+    gap: var(--size-px-2);
+    min-inline-size: 0;
+  }
+
+  .axisTitle {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .plot {
+    position: relative;
+    min-inline-size: 0;
+  }
+
+  /* The column copy waits for its container threshold; the print copy for print. */
+  .plotColumns,
+  .print {
+    display: none;
+  }
+
+  /* Recharts' surface takes the ring when the accessibility layer focuses it. */
+  .plot svg:focus-visible {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+
+  /* Legend: 16 px swatches edged in --border-size-1 --primary12, above the chart. */
+  .legend {
+    display: grid;
+    gap: var(--size-px-2);
+    align-content: start;
+  }
+
+  .legendList {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--size-px-2) var(--size-px-5);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .legendItem {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--size-px-2);
+  }
+
+  .legendLabel {
+    color: var(--primary12);
+  }
+
+  .swatch {
+    flex: none;
+    inline-size: var(--size-px-3);
+    block-size: var(--size-px-3);
+    overflow: visible;
+  }
+
+  /* The legend's own pattern defs: rendered, zero-size, so the patterns resolve. */
+  .defs {
+    position: absolute;
+    inline-size: 0;
+    block-size: 0;
+    overflow: hidden;
+  }
+
+  /* Sequential legend: a framed stepped bar with end labels. */
+  .stepLegend {
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--size-px-2);
+  }
+
+  .stepBar {
+    flex: none;
+    inline-size: calc(5 * var(--size-px-3) + var(--border-size-1));
+    block-size: calc(var(--size-px-3) + var(--border-size-1));
+    overflow: visible;
+  }
+
+  .stepLabel {
+    color: var(--primary12);
+  }
+
+  /*
+   * Sequential cells: the scope's switches (roles.css) show the flat fill on
+   * a light base ground or a white plate, and the one-ink pattern elsewhere
+   * (§8.7); print always shows the pattern (below).
+   */
+  .stepFill {
+    display: var(--fgd-series-fill, inline);
+  }
+
+  .stepPattern {
+    display: var(--fgd-series-pattern, none);
+  }
+
+  /* SVG parts. Inks arrive as role-variable props; geometry and type here. */
+  .gridLine {
+    fill: none;
+    stroke: var(--role-rule);
+  }
+
+  .zeroLine line {
+    stroke-width: var(--border-size-1);
+  }
+
+  .cursorBand {
+    fill: none;
+    stroke: var(--primary12);
+    stroke-width: var(--border-size-1);
+  }
+
+  .cursorLine {
+    fill: none;
+    stroke: var(--primary12);
+  }
+
+  .categoryTick,
+  .valueTick,
+  .valueLabel,
+  .endLabel {
+    fill: var(--primary12);
+  }
+
+  /* Labels on data fills sit on a --role-halo knockout, 2 px beyond the glyphs [D125, D150]. */
+  .labelOnFill,
+  .areaLabel {
+    fill: var(--primary12);
+    stroke: var(--role-halo);
+    stroke-width: calc(2 * var(--border-size-2));
+    stroke-linejoin: round;
+    paint-order: stroke fill;
+  }
+
+  /* Tooltip: an anchored overlay, --border-size-2 --primary12 edge [D92], Tooltip roles, no shadow. */
+  .tooltip {
+    box-sizing: border-box;
+    max-inline-size: 280px;
+    padding: var(--size-px-1) var(--size-px-2);
+    border: var(--border-size-2) solid var(--primary12);
+    border-radius: var(--radius-1);
+    background-color: var(--primary1);
+    color: var(--primary12);
+  }
+
+  .tooltipLabel {
+    margin: 0 0 var(--size-px-1);
+    color: var(--primary12);
+  }
+
+  .tooltipList {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    gap: var(--size-px-1) var(--size-px-2);
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .tooltipItem {
+    display: contents;
+  }
+
+  .tooltipValue {
+    text-align: end;
+  }
+
+  /* Forced colors: text and lines take system colors; semantic marks stay, as marks. */
+  @media (forced-colors: active) {
+    .categoryTick,
+    .valueTick,
+    .valueLabel,
+    .endLabel,
+    .labelOnFill,
+    .areaLabel {
+      fill: CanvasText;
+    }
+
+    .labelOnFill,
+    .areaLabel {
+      stroke: Canvas;
+    }
+
+    .gridLine,
+    .cursorBand,
+    .cursorLine {
+      stroke: CanvasText;
+    }
+
+    .patternMark {
+      fill: CanvasText;
+    }
+
+    .patternGround {
+      fill: Canvas;
+    }
+  }
+}
+
+@layer variants {
+  /* Forced one ink: sequential cells show their patterns on screen (§8.7). */
+  .oneInk .stepFill {
+    display: none;
+  }
+
+  .oneInk .stepPattern {
+    display: inline;
+  }
+
+  /* Container rules [D163] (§5.10.2): from 1024 px, columns and a side legend. */
+  @container chart (min-width: 1024px) {
+    .column .plotBars {
+      display: none;
+    }
+
+    .column .plotColumns {
+      display: block;
+    }
+
+    .withLegend {
+      grid-template-columns: auto minmax(0, 1fr);
+      align-items: start;
+    }
+
+    .withLegend .legendList {
+      flex-direction: column;
+      flex-wrap: nowrap;
+    }
+  }
+}
+
+@layer print {
+  @media print {
+    /* The fixed print copy replaces the screen copies: 174 mm, animation off. */
+    .plot {
+      display: none;
+    }
+
+    .print {
+      display: block;
+      inline-size: var(--fgd-print-live-width);
+      max-inline-size: 100%;
+    }
+
+    /* Sequential cells: the flat fill hides and the print pattern shows (structural) [D126]. */
+    .stepFill {
+      display: none;
+    }
+
+    .stepPattern {
+      display: inline;
+    }
+
+    /* Standard dot screens print 1 pt dots, stated rather than scaled (§1.5.9). */
+    .patternDot {
+      r: 0.6667px;
+    }
+
+    /* The table prints only when values lived in the tooltip (§8.7). */
+    .dataTable {
+      display: none;
+    }
+
+    .printTable .dataTable {
+      display: block;
+    }
+  }
+}

package/data/chart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chart';
+//# sourceMappingURL=index.d.ts.map

package/data/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/data/chart/index.js

@@ -0,0 +1,2 @@
+export * from './Chart';
+//# sourceMappingURL=index.js.map

package/data/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data/chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/data/figure/Figure.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const figure: (props?: ({
+    kind?: "technical" | "photo" | "plate" | null | undefined;
+    framed?: boolean | null | undefined;
+    sideCaption?: boolean | null | undefined;
+    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
+    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type FigureVariants = VariantProps<typeof figure>;
+/** Props for Figure: `figure` props and the kind, frame, caption-placement and color axes. */
+export type FigureProps = React.ComponentPropsWithRef<'figure'> & {
+    /**
+     * `photo` (default): an editorial photo, `--radius-2-25`, the caption
+     * right-flush below it. `technical`: a chart, diagram or drawing, square,
+     * the caption left-aligned below it with the label on its own line.
+     * `plate`: a specimen plate on a nested `white` face over a fine dot
+     * grid, framed in the face's `--role-edge`; a two-ink chart may sit on it
+     * on any ground.
+     */
+    kind?: FigureVariants['kind'];
+    /** Technical figures: a `--border-size-1` `--role-rule` frame. Default `false`. */
+    framed?: boolean;
+    /**
+     * From 768 px of the figure's width, the caption sits in the adjacent
+     * column, top-aligned, beside the media. Default `false`.
+     */
+    sideCaption?: boolean;
+    /**
+     * Primary Radix scale: caption, label, credit and frames. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: FigureVariants['primary'];
+    /** Secondary Radix scale: unused by the figure itself. Never defaulted. */
+    secondary?: FigureVariants['secondary'];
+};
+/**
+ * The figure. Put a `FigureMedia` and a `FigureCaption` inside. Every
+ * figure gets a caption or a credit, for print; figure and caption never
+ * separate across printed pages.
+ */
+export declare function Figure(props: FigureProps): React.JSX.Element;
+/** Props for FigureMedia: `div` props. */
+export type FigureMediaProps = React.ComponentPropsWithRef<'div'>;
+/**
+ * The media box: an `img`, `svg` or chart. Photos fill the column;
+ * technical figures keep their native width and never scale up [D78]. A
+ * decorative photo (empty `alt`) is left out of print. On a plate it is the
+ * nested `white` face, which takes the figure's `primary` and `secondary`.
+ */
+export declare function FigureMedia(props: FigureMediaProps): React.JSX.Element;
+/** Props for FigureCaption: `figcaption` props plus the numbering and the credit. */
+export type FigureCaptionProps = React.ComponentPropsWithRef<'figcaption'> & {
+    /** The figure number; renders "Fig. 3" (or "Figure 003" with `numbering="catalog"`). */
+    number?: number | string;
+    /** `short` (default): "Fig. 3", "Fig. 3.2". `catalog`: "Figure 001" (menus, specimen sets, product sheets). */
+    numbering?: 'short' | 'catalog';
+    /** Replaces the generated label entirely. */
+    label?: React.ReactNode;
+    /** Adds "(DETAIL)" to the label, for a crop. */
+    detail?: boolean;
+    /** The credit, in the same run: "Photo: Name / Program" (`type-small`). */
+    credit?: React.ReactNode;
+};
+/**
+ * The caption: the label in `type-data`, the caption text (the children)
+ * in `type-caption` and the credit in `type-small`, all `--role-muted`.
+ * Number figures only where the text refers to them.
+ */
+export declare function FigureCaption(props: FigureCaptionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Figure.d.ts.map

package/data/figure/Figure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.d.ts","sourceRoot":"","sources":["../../src/data/figure/Figure.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA6CjE,eAAO,MAAM,MAAM;;;;;;8EAsBjB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA;AAgBjD,8FAA8F;AAC9F,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChE;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAoBxC;AAED,0CAA0C;AAC1C,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAEjE;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAkBlD;AAED,qFAAqF;AACrF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,YAAY,CAAC,GAAG;IAC3E,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,+GAA+G;IAC/G,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAuBtD"}

package/data/figure/Figure.js

@@ -0,0 +1,122 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Ground } from '../../foundations/ground';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './figure.module.css';
+/*
+ * Figure (§8.5): `figure` + `figcaption`. The media, then the label
+ * ("Fig. 3"), the caption that says what to notice, and the credit in the
+ * same run. Text never sits on the image [D22].
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: figure.module.css; CVA function `figure`.
+ * - Axes: `kind` → photo | technical | plate (photo: `--radius-2-25`,
+ *   caption below right-flush; technical: square, caption below
+ *   left-aligned with the label on its own line; plate: a specimen plate,
+ *   a nested `white` face with a `--border-size-1` `--role-edge` frame over
+ *   pattern-dotgrid-fine); `framed` → `framed` (technical figures: the
+ *   `--border-size-1` frame); `sideCaption` → `sideCaption` (the caption
+ *   in the adjacent column from 768 px of the figure); `primary`,
+ *   `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: kind photo, framed false, sideCaption false; color axes none
+ *   [D133].
+ * - Color fallback: inherits the scope; figures have no secondary part.
+ * - States: static.
+ * - Parts: base (`figure`, the container), media (plateMedia on plates),
+ *   caption (`figcaption`), label, text, credit.
+ * - Scope: the plate's media is a nested `kind="face"` Ground, preset
+ *   `white` (§8.5, §8.7) [D178]: a face that follows the page mode on a page
+ *   ground, a light island inside a field or the night band, written by
+ *   Ground from context [D149, D179]. Its frame is the face's --role-edge
+ *   (--primary10 on a page ground, --primary12 as an island), and a chart
+ *   on it keeps two inks. Other kinds name no scope.
+ * - Container: `base` (the `figure`) is an inline-size container: the side
+ *   caption moves beside the media from 768 px of it. Baseline without
+ *   support: caption below.
+ */
+export const figure = cva(styles.base, {
+    variants: {
+        kind: {
+            photo: styles.photo,
+            technical: styles.technical,
+            plate: styles.plate,
+        },
+        framed: {
+            true: styles.framed,
+        },
+        sideCaption: {
+            true: styles.sideCaption,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'photo',
+        framed: false,
+        sideCaption: false,
+    },
+});
+const FigureContext = React.createContext({
+    kind: 'photo',
+    primary: undefined,
+    secondary: undefined,
+});
+FigureContext.displayName = 'FigureContext';
+/**
+ * The figure. Put a `FigureMedia` and a `FigureCaption` inside. Every
+ * figure gets a caption or a credit, for print; figure and caption never
+ * separate across printed pages.
+ */
+export function Figure(props) {
+    const { kind, framed, sideCaption, primary, secondary, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const context = React.useMemo(() => ({
+        kind: kind ?? 'photo',
+        primary: (primary ?? undefined),
+        secondary: (secondary ?? undefined),
+    }), [kind, primary, secondary]);
+    return (React.createElement(FigureContext.Provider, { value: context },
+        React.createElement("figure", { ...rest, ...scope, className: figure({ kind, framed, sideCaption, primary, secondary, className }) })));
+}
+/**
+ * The media box: an `img`, `svg` or chart. Photos fill the column;
+ * technical figures keep their native width and never scale up [D78]. A
+ * decorative photo (empty `alt`) is left out of print. On a plate it is the
+ * nested `white` face, which takes the figure's `primary` and `secondary`.
+ */
+export function FigureMedia(props) {
+    const { className, ref, ...rest } = props;
+    const { kind, primary, secondary } = React.useContext(FigureContext);
+    if (kind === 'plate') {
+        return (React.createElement(Ground, { ...rest, ref: ref, kind: "face", preset: "white", primary: primary, secondary: secondary, render: React.createElement("div", null), className: cx(`${styles.media} ${styles.plateMedia}`, className) }));
+    }
+    return React.createElement("div", { ...rest, ref: ref, className: cx(styles.media, className) });
+}
+/**
+ * The caption: the label in `type-data`, the caption text (the children)
+ * in `type-caption` and the credit in `type-small`, all `--role-muted`.
+ * Number figures only where the text refers to them.
+ */
+export function FigureCaption(props) {
+    const { number, numbering = 'short', label, detail, credit, className, children, ...rest } = props;
+    const generated = number == null
+        ? null
+        : numbering === 'catalog'
+            ? `Figure ${String(number).padStart(3, '0')}`
+            : `Fig. ${number}`;
+    const labelText = label ?? generated;
+    return (React.createElement("figcaption", { ...rest, className: cx(styles.caption, className) },
+        labelText == null ? null : (React.createElement("span", { className: styles.label },
+            labelText,
+            detail ? ' (DETAIL)' : null)),
+        labelText != null && children != null ? ' ' : null,
+        children == null ? null : React.createElement("span", { className: styles.text }, children),
+        credit != null && (labelText != null || children != null) ? ' ' : null,
+        credit == null ? null : React.createElement("span", { className: styles.credit }, credit)));
+}
+//# sourceMappingURL=Figure.js.map

package/data/figure/Figure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Figure.js","sourceRoot":"","sources":["../../src/data/figure/Figure.tsx"],"names":[],"mappings":"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"}