@manta-eu/horns-kit 0.1.0

package/dist/look/palette.d.ts

@@ -0,0 +1,21 @@
+import type { HornAccent, HornStyle } from "@manta-eu/horns";
+import type { ChartTheme } from "./types.ts";
+export type ChartPalette = {
+    surface: string;
+    ink: string;
+    secondary: string;
+    muted: string;
+    grid: string;
+    baseline: string;
+    tooltipSurface: string;
+    tooltipInk: string;
+    other: string;
+    /** A value on the wrong side of a threshold, and the line it crossed. Not a series slot, so no accent moves it. */
+    alert: string;
+    series: readonly string[];
+};
+export declare const chartPalettes: Record<ChartTheme, ChartPalette>;
+export declare function seriesColor(palette: ChartPalette, index: number): string;
+export declare function accentPalette(palette: ChartPalette, accent: HornAccent | undefined): ChartPalette;
+/** The colours a Horn's views draw with: the theme's, with the Horn's own accent leading. */
+export declare function chartPalette(theme: ChartTheme, style?: HornStyle): ChartPalette;

package/dist/look/palette.js

@@ -0,0 +1,46 @@
+import { hornAccents } from "@manta-eu/horns";
+// Concrete hex rather than CSS variables: captured PNGs and email clients never see the host stylesheet.
+// Categorical slots keep their validated order; dark mode is the same hues stepped for the dark surface.
+export const chartPalettes = {
+    light: {
+        surface: "#fcfcfb",
+        ink: "#0b0b0b",
+        secondary: "#52514e",
+        muted: "#898781",
+        grid: "#e1e0d9",
+        baseline: "#c3c2b7",
+        tooltipSurface: "#0b0b0b",
+        tooltipInk: "#ffffff",
+        other: "#898781",
+        alert: "#e34948",
+        series: ["#2a78d6", "#eb6834", "#1baf7a", "#eda100", "#e87ba4", "#008300", "#4a3aa7", "#e34948"],
+    },
+    dark: {
+        surface: "#1a1a19",
+        ink: "#ffffff",
+        secondary: "#c3c2b7",
+        muted: "#898781",
+        grid: "#2c2c2a",
+        baseline: "#383835",
+        tooltipSurface: "#ffffff",
+        tooltipInk: "#0b0b0b",
+        other: "#898781",
+        alert: "#e66767",
+        series: ["#3987e5", "#d95926", "#199e70", "#c98500", "#d55181", "#008300", "#9085e9", "#e66767"],
+    },
+};
+export function seriesColor(palette, index) {
+    return palette.series[index] ?? palette.other;
+}
+// A Horn's accent is a slot, not a colour: rotating the categorical list keeps every hue the validated one
+// and makes the accent lead, so the first series and the metric value take it in either theme.
+export function accentPalette(palette, accent) {
+    const at = accent === undefined ? -1 : hornAccents.indexOf(accent);
+    if (at <= 0)
+        return palette;
+    return { ...palette, series: [...palette.series.slice(at), ...palette.series.slice(0, at)] };
+}
+/** The colours a Horn's views draw with: the theme's, with the Horn's own accent leading. */
+export function chartPalette(theme, style) {
+    return accentPalette(chartPalettes[theme], style?.accent);
+}

package/dist/look/types.d.ts

@@ -0,0 +1,7 @@
+/** A page to open for the thing an IRI shows, and what the link says. */
+export type EntityLink = {
+    href: string;
+    label: string;
+};
+/** Which of the two surfaces a Horn is drawn on. */
+export type ChartTheme = "light" | "dark";

package/dist/look/types.js

@@ -0,0 +1 @@
+export {};

package/dist/shape-views/attio.json

@@ -0,0 +1,21 @@
+[
+    {
+        "schema": "AttioCompanySchema",
+        "classCurie": "attio:Company",
+        "status": "curated",
+        "fields": [
+            { "name": "name", "path": "attio:name", "type": "string" },
+            { "name": "categories", "path": "attio:categories", "type": "string" },
+            { "name": "domains", "path": "attio:domains", "type": "string" },
+            { "name": "employeeRange", "path": "attio:employeeRange", "type": "string" },
+            { "name": "foundationDate", "path": "attio:foundationDate", "type": "date" },
+            { "name": "description", "path": "attio:description", "type": "string" }
+        ],
+        "record": {
+            "type": "record",
+            "title": "name",
+            "subtitle": "categories",
+            "fields": ["domains", "employeeRange", "foundationDate", "description"]
+        }
+    }
+]

package/dist/shape-views/coresignal.json

@@ -0,0 +1,28 @@
+[
+    {
+        "schema": "CoresignalCompanySchema",
+        "classCurie": "coresignal:Company",
+        "status": "drafted",
+        "fields": [
+            { "name": "name", "path": "schema:name", "type": "string" },
+            { "name": "industry", "path": "schema:industry", "type": "string" },
+            { "name": "url", "path": "schema:url", "type": "iri" },
+            { "name": "hqCity", "path": "coresignal:hqCity", "type": "string" },
+            { "name": "hqCountry", "path": "coresignal:hqCountry", "type": "string" },
+            { "name": "numberOfEmployees", "path": "schema:numberOfEmployees", "type": "number" },
+            { "name": "foundingDate", "path": "schema:foundingDate", "type": "date" },
+            { "name": "sizeRange", "path": "coresignal:sizeRange", "type": "string" },
+            { "name": "lastFundingRoundName", "path": "coresignal:lastFundingRoundName", "type": "string" },
+            { "name": "websiteDomain", "path": "coresignal:websiteDomain", "type": "string" }
+        ],
+        "record": {
+            "type": "record",
+            "title": "name",
+            "subtitle": "industry",
+            "link": "url",
+            "fields": ["hqCity", "hqCountry", "numberOfEmployees", "foundingDate", "lastFundingRoundName", "websiteDomain"],
+            "badges": ["sizeRange"],
+            "format": "integer"
+        }
+    }
+]