@voxel51/voodo 1.4.0-dev.0 → 2.1.0

package/dist/theme/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtD,wBAKE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,MAAM,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,wBAOE"}

package/dist/theme/tokens/palette.d.ts

@@ -1,9 +1,68 @@
-export declare const paletteSlots: {
-    readonly dark: string[];
-    readonly light: string[];
+/**
+ * The visualization palettes — the colors handed out when something needs a
+ * series of distinguishable colors.
+ *
+ * Figma splits these into two groups, and the distinction matters:
+ *
+ *  - `viz-overlay` is **mode-independent** (identical in both themes). These
+ *    are marks drawn *on media* — looker's detection boxes, masks, keypoints.
+ *    The image behind them does not get lighter when the UI does, so neither
+ *    may they, or a label that read well over a dark photo stops reading.
+ *  - `viz-chart` **varies by mode**. These are marks drawn *on the UI* —
+ *    histograms, plots, legends — and must hold contrast against a surface
+ *    that does change.
+ *
+ * Pick by what the color is drawn onto, not by which list is nearer to hand.
+ *
+ * This module is pure data with no React or CSS dependency, so it is safe to
+ * import from workers and other non-UI contexts via `@voxel51/voodo/tokens`.
+ */
+/**
+ * Pool order. **Code-side, not a Figma token.**
+ *
+ * Figma's `palette/1-brand … 18-mint` numbered the slots, so the order was the
+ * design's to state and code just read the numbers off. `viz-chart` and
+ * `viz-overlay` are keyed by hue with no ordering, so the sequence has to live
+ * here until Figma expresses it again.
+ *
+ * Ordered for separation between *adjacent* slots, since a pool is consumed by
+ * index and neighbours are what land side by side. `neutral` sorts last: it
+ * reads as "no category" and should be the last color a dataset reaches for.
+ * Brand orange is deliberately absent — Figma dropped it from both viz groups,
+ * and a data series colored like the primary action is a real ambiguity.
+ */
+declare const POOL_ORDER: readonly ["blue", "green", "purple", "pink", "yellow", "teal", "red", "lime", "magenta", "neutral"];
+export type VizHue = (typeof POOL_ORDER)[number];
+/**
+ * Hue names in pool order. The slot list, for anything that labels slots.
+ *
+ * @deprecated This used to be `{ dark, light }` lists of Figma's numbered
+ * `palette/*` slot keys. The viz groups are keyed by hue and carry no mode
+ * split, so it is now a single flat list; callers indexing `.dark` / `.light`
+ * need updating. Prefer {@link overlayPool} / {@link chartPool} with
+ * {@link VizHue}.
+ */
+export declare const paletteSlots: readonly VizHue[];
+/**
+ * Mode-independent overlay colors, in pool order. The right pool for anything
+ * drawn over media.
+ */
+export declare const overlayPool: readonly string[];
+/** Chart colors in pool order, per mode. */
+export declare const chartPool: {
+    readonly dark: readonly string[];
+    readonly light: readonly string[];
 };
+/**
+ * @deprecated Figma's `palette/*` group was replaced by `viz-chart` and
+ * `viz-overlay` in the 2026-09-05 token release. This alias keeps the old
+ * import working and resolves to the **chart** pool; if the colors are drawn
+ * over media, move to `overlayPool` instead — that is a behaviour change, not
+ * a rename, and it is the one this split exists to make visible.
+ */
 export declare const palettePool: {
-    readonly dark: string[];
-    readonly light: string[];
+    readonly dark: readonly string[];
+    readonly light: readonly string[];
 };
+export {};
 //# sourceMappingURL=palette.d.ts.map

package/dist/theme/tokens/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/palette.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,eAAO,MAAM,WAAW;;;CAGd,CAAC"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/palette.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,UAAU,qGAWN,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAOjD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,SAAS,MAAM,EAAe,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,MAAM,EAExC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;CAAY,CAAC"}

package/dist/theme/tokens/spacing.d.ts

@@ -1,4 +1,52 @@
+/**
+ * Spacing.
+ *
+ * Two tiers, because Figma's names are values and Tailwind's are too.
+ *
+ * `spacing` mirrors the Figma `spacing/*` scale verbatim — Figma re-keyed it
+ * from steps to raw pixels, so `spacing/16` means 16px and not the 64px that
+ * the identically-named step used to mean.
+ *
+ * `spacingRole` is the tier Figma's Primitives collection does not have yet,
+ * and is what consumers bind to. Only these reach CSS: see the note below.
+ */
+/** The Figma `spacing/*` scale. Keys are pixel values, not steps. */
 export declare const spacing: {
+    readonly 2: "2px";
+    readonly 4: "4px";
+    readonly 6: "6px";
+    readonly 8: "8px";
+    readonly 10: "10px";
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 20: "20px";
+    readonly 24: "24px";
+    readonly 32: "32px";
+    readonly 40: "40px";
+    readonly 48: "48px";
+    readonly 64: "64px";
+};
+/**
+ * Named spacing roles — the public surface.
+ *
+ * **These, and only these, are emitted as `--spacing-*` custom properties.**
+ * Tailwind v4 derives every numeric spacing utility from a single multiplier
+ * (`--spacing: 0.25rem`), so `py-2` is `calc(var(--spacing) * 2)` = 8px — but
+ * only while `--spacing-2` is undefined. Emitting the numeric scale above
+ * would define it, silently redefining `py-2` as 2px and doing the same to 71
+ * other numeric utilities, with no error from tsc, eslint or the suite.
+ *
+ * Values are unchanged from the previous t-shirt scale, so this tier is a
+ * rename of nothing.
+ *
+ * Kept in `rem`, not the `px` of the Figma scale above. These are the values
+ * that reach the browser, and `rem` scales with the user's root font size --
+ * emitting `4px` where `0.25rem` used to be would quietly opt every spacing
+ * utility out of browser text-size settings. Converting the scale to `rem` is
+ * a real decision about whether Figma's pixels are pixels or ratios, and it
+ * belongs with the spacing audit, not here.
+ */
+export declare const spacingRole: {
     readonly xs: "0.25rem";
     readonly sm: "0.5rem";
     readonly md: "1rem";

package/dist/theme/tokens/spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,qEAAqE;AACrE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcV,CAAC;AAEX;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC"}

package/dist/theme/tokens/typography.d.ts

@@ -1,8 +1,129 @@
+/**
+ * Typography.
+ *
+ * Same two-tier split as spacing, and for the same reason: Figma re-keyed
+ * `font-size` and `line-height` from t-shirt names to pixel values, and the
+ * role names Tailwind emits (`text-sm`, `text-lg`) have to keep meaning what
+ * they mean today.
+ */
+/** The Figma `font-size/*` scale. Keys are pixel values. */
+export declare const fontSize: {
+    readonly 9: "9px";
+    readonly 11: "11px";
+    readonly 12: "12px";
+    readonly 13: "13px";
+    readonly 14: "14px";
+    readonly 15: "15px";
+    readonly 16: "16px";
+    readonly 18: "18px";
+    readonly 23: "23px";
+};
+/** The Figma `line-height/*` scale. Keys are pixel values. */
+export declare const lineHeight: {
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 20: "20px";
+    readonly 24: "24px";
+    readonly 28: "28px";
+    readonly 36: "36px";
+    readonly 44: "44px";
+    readonly 52: "52px";
+};
+/**
+ * The Figma `type/*` tier — the twelve text roles every text layer in the
+ * design file binds to. Each role pairs a size with its leading and weight,
+ * which is the thing the size-only scale below could never express.
+ *
+ * Read live from the design file on 2026-09-30. `code-secondary` is 11px
+ * there, not the 12px an earlier hand-off table recorded.
+ */
+export declare const textRole: {
+    readonly "heading-xl": {
+        readonly fontSize: "23px";
+        readonly lineHeight: "28px";
+        readonly fontWeight: 400;
+    };
+    readonly "heading-lg": {
+        readonly fontSize: "18px";
+        readonly lineHeight: "24px";
+        readonly fontWeight: 500;
+    };
+    readonly "heading-md": {
+        readonly fontSize: "16px";
+        readonly lineHeight: "20px";
+        readonly fontWeight: 500;
+    };
+    readonly "heading-sm": {
+        readonly fontSize: "14px";
+        readonly lineHeight: "20px";
+        readonly fontWeight: 500;
+    };
+    readonly "heading-xs": {
+        readonly fontSize: "12px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 500;
+    };
+    readonly "body-primary": {
+        readonly fontSize: "15px";
+        readonly lineHeight: "20px";
+        readonly fontWeight: 400;
+    };
+    readonly "body-secondary": {
+        readonly fontSize: "14px";
+        readonly lineHeight: "20px";
+        readonly fontWeight: 400;
+    };
+    readonly "body-tertiary": {
+        readonly fontSize: "12px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 400;
+    };
+    readonly label: {
+        readonly fontSize: "12px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 600;
+    };
+    readonly caption: {
+        readonly fontSize: "11px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 400;
+    };
+    readonly "code-primary": {
+        readonly fontSize: "12px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 400;
+    };
+    readonly "code-secondary": {
+        readonly fontSize: "11px";
+        readonly lineHeight: "16px";
+        readonly fontWeight: 400;
+    };
+};
+export type TextRole = keyof typeof textRole;
 export declare const typography: {
     readonly fontFamily: {
         readonly sans: readonly ["Palanquin", "sans-serif"];
-        readonly mono: readonly ["monospace"];
+        readonly mono: readonly ["Roboto Mono", "monospace"];
     };
+    /**
+     * Named size roles — the public surface, and the only tier emitted as
+     * `--text-*`.
+     *
+     * Emitting the numeric scale instead would leave `--text-sm` and `--text-lg`
+     * undefined, and Tailwind would quietly fall back to its own built-in scale
+     * across 41 call sites.
+     *
+     * Values are deliberately unchanged from the previous scale, so this tier is
+     * a rename of nothing.
+     *
+     * Figma added `font-size/14` and `/16` and nothing consumes them yet. They
+     * are almost certainly the new body and heading sizes, but re-pointing `md`
+     * and `lg` at them in isolation makes type look worse, not better: the
+     * line-heights these sizes are paired with are raw Tailwind numbers
+     * (`text-md/5`), not tokens, so the size moves and the leading does not.
+     * Size and leading have to be tokenised together, against Figma's 12 text
+     * styles. Until then this tier holds still.
+     */
     readonly fontSize: {
         readonly xxs: "9px";
         readonly xs: "11px";
@@ -12,11 +133,88 @@ export declare const typography: {
         readonly xl: "18px";
         readonly xxl: "23px";
     };
+    /**
+     * The role tier, emitted as `--text-<role>` plus the `--line-height` and
+     * `--font-weight` sub-properties Tailwind reads for the `text-<role>`
+     * utility. This is what components bind to; the size-only tier above stays
+     * for consumers that have not migrated.
+     */
+    readonly textRole: {
+        readonly "heading-xl": {
+            readonly fontSize: "23px";
+            readonly lineHeight: "28px";
+            readonly fontWeight: 400;
+        };
+        readonly "heading-lg": {
+            readonly fontSize: "18px";
+            readonly lineHeight: "24px";
+            readonly fontWeight: 500;
+        };
+        readonly "heading-md": {
+            readonly fontSize: "16px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly "heading-sm": {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly "heading-xs": {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 500;
+        };
+        readonly "body-primary": {
+            readonly fontSize: "15px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly "body-secondary": {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly "body-tertiary": {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+        readonly label: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 600;
+        };
+        readonly caption: {
+            readonly fontSize: "11px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+        readonly "code-primary": {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+        readonly "code-secondary": {
+            readonly fontSize: "11px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+    };
+    /**
+     * Figma's `font-weight/*` scale, verbatim.
+     *
+     * The previous map (light 300, normal 400, semibold 500, bold 600) matched
+     * no Figma variable — `semibold` was a step light of Figma's, and `light`
+     * had no counterpart at all. Nothing reads these: they are not emitted as
+     * custom properties and the `font-*` utilities in use come from Tailwind's
+     * own scale, so this corrects the data without moving any pixels.
+     */
     readonly fontWeight: {
-        readonly light: 300;
-        readonly normal: 400;
-        readonly semibold: 500;
-        readonly bold: 600;
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
     };
 };
 //# sourceMappingURL=typography.d.ts.map

package/dist/theme/tokens/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBb,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,4DAA4D;AAC5D,eAAO,MAAM,QAAQ;;;;;;;;;;CAUX,CAAC;AAEX,8DAA8D;AAC9D,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DX,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;IASrB;;;;;;;;;;;;;;;;;;OAkBG;;;;;;;;;;IAWH;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;;;;;OAQG;;;;;;;CAOK,CAAC"}

package/dist/theme/useColorPalette.d.ts

@@ -1,18 +1,24 @@
-import { colors } from './tokens/colors';
+import { VizHue } from './tokens/palette';
 /** Resolved color mode. Mirrors the `.dark` class contract in `tailwind.css`. */
 export type ColorMode = "dark" | "light";
 /**
- * The palette's own token shape — every numbered slot and named alias the
- * tokens define. Derived rather than enumerated, so a palette of N colors
- * types correctly without touching this file.
+ * The chart group's token shape. Keyed by `VizHue` rather than by
+ * `typeof colors.dark…` so both modes satisfy it — the per-mode types are
+ * disjoint unions of hex literals, and only the key set is common to them.
  */
-type PaletteColors = typeof colors.dark.content.palette;
-export interface ColorPalette extends PaletteColors {
+type ChartColors = Record<VizHue, string>;
+export interface ColorPalette extends ChartColors {
     /**
-     * The ordered slots as an array — the shape wanted by anything that assigns
-     * colors by index (label coloring, chart series, legends).
+     * Chart hues in pool order — for anything that assigns colors by index and
+     * draws onto the UI (chart series, legends, histograms).
      */
     pool: readonly string[];
+    /**
+     * Overlay hues in pool order — for marks drawn *over media* (looker's boxes,
+     * masks, keypoints). Identical in both modes on purpose: the image behind
+     * them does not change with the theme.
+     */
+    overlay: readonly string[];
 }
 /**
  * The currently active color mode, tracked by observing the `.dark` class on
@@ -33,7 +39,7 @@ export declare const useColorMode: () => ColorMode;
 /**
  * Resolved palette colors as literal hex strings for the active color mode.
  *
- * Prefer `cssVar.color.palette.*` for anything that styles the DOM — CSS
+ * Prefer `cssVar.color["viz-chart"].*` for anything that styles the DOM — CSS
  * variables react to the theme without re-rendering React. Reach for this hook
  * only where a literal value is required and a `var(--…)` cannot be used:
  * canvas and WebGL (the looker overlays), charting libraries that parse colors
@@ -42,7 +48,7 @@ export declare const useColorMode: () => ColorMode;
  * @example
  * ```tsx
  * const palette = useColorPalette();
- * ctx.strokeStyle = palette.pool[index % palette.pool.length];
+ * ctx.strokeStyle = palette.overlay[index % palette.overlay.length];
  * ctx.fillStyle = palette.teal;
  * ```
  */

package/dist/theme/useColorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColorPalette.d.ts","sourceRoot":"","sources":["../../src/theme/useColorPalette.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,iFAAiF;AACjF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC;;;;GAIG;AACH,KAAK,aAAa,GAAG,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;AAExD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD;;;OAGG;IACH,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;CACzB;AAwBD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,QAAO,SACiC,CAAC;AAElE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,QAAO,YAOlC,CAAC"}
+{"version":3,"file":"useColorPalette.d.ts","sourceRoot":"","sources":["../../src/theme/useColorPalette.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEvE,iFAAiF;AACjF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC;;;;GAIG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;;OAGG;IACH,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB;;;;OAIG;IACH,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAwBD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,QAAO,SACiC,CAAC;AAElE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,QAAO,YAWlC,CAAC"}

package/dist/tokens.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./palette-dgN5vIc-.cjs"),e={xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},o={fontFamily:{sans:["Palanquin","sans-serif"],mono:["monospace"]},fontSize:{xxs:"9px",xs:"11px",sm:"12px",md:"13px",lg:"15px",xl:"18px",xxl:"23px"},fontWeight:{light:300,normal:400,semibold:500,bold:600}},s={colors:t.colors,spacing:e,transitions:t.transitions,typography:o};exports.colors=t.colors;exports.palettePool=t.palettePool;exports.paletteSlots=t.paletteSlots;exports.primitives=t.primitives;exports.transitions=t.transitions;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./palette-DV12yAPS.cjs"),i={action:{expressive:`linear-gradient(105deg, ${e.primitives.expressive["orange-default"]}, ${e.primitives.expressive["pink-default"]} 55%, ${e.primitives.expressive["purple-default"]})`}},t={colors:e.colors,gradients:i,spacing:e.spacing,spacingRole:e.spacingRole,transitions:e.transitions,typography:e.typography};exports.chartPool=e.chartPool;exports.colors=e.colors;exports.fontSize=e.fontSize;exports.lineHeight=e.lineHeight;exports.overlayPool=e.overlayPool;exports.palettePool=e.palettePool;exports.paletteSlots=e.paletteSlots;exports.primitives=e.primitives;exports.spacingRole=e.spacingRole;exports.transitions=e.transitions;exports.default=t;
 //# sourceMappingURL=tokens.cjs.map

package/dist/tokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs","sources":["../src/theme/tokens/spacing.ts","../src/theme/tokens/typography.ts","../src/theme/tokens/index.ts"],"sourcesContent":["export const spacing = {\n  xs: \"0.25rem\",\n  sm: \"0.5rem\",\n  md: \"1rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n} as const;\n","export const typography = {\n  fontFamily: {\n    sans: [\"Palanquin\", \"sans-serif\"],\n    mono: [\"monospace\"],\n  },\n  fontSize: {\n    xxs: \"9px\",\n    xs: \"11px\",\n    sm: \"12px\",\n    md: \"13px\",\n    lg: \"15px\",\n    xl: \"18px\",\n    xxl: \"23px\",\n  },\n  fontWeight: {\n    light: 300,\n    normal: 400,\n    semibold: 500,\n    bold: 600,\n  },\n} as const;\n","import { colors } from \"./colors\";\nimport { spacing } from \"./spacing\";\nimport { transitions } from \"./transitions\";\nimport { typography } from \"./typography\";\n\nexport { transitions };\n// Named explicitly: `export *` does not forward the default export, so without\n// this line `colors` and `primitives` are unreachable from the package root.\nexport { colors, primitives } from \"./colors\";\nexport { palettePool, paletteSlots } from \"./palette\";\n\nexport default {\n  colors,\n  spacing,\n  transitions,\n  typography,\n};\n"],"names":["spacing","typography","index","colors","transitions"],"mappings":"sJAAaA,EAAU,CACrB,GAAI,UACJ,GAAI,SACJ,GAAI,OACJ,GAAI,SACJ,GAAI,MACN,ECNaC,EAAa,CACxB,WAAY,CACV,KAAM,CAAC,YAAa,YAAY,EAChC,KAAM,CAAC,WAAW,CAAA,EAEpB,SAAU,CACR,IAAK,MACL,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,IAAK,MAAA,EAEP,WAAY,CACV,MAAO,IACP,OAAQ,IACR,SAAU,IACV,KAAM,GAAA,CAEV,ECTAC,EAAe,CAAA,OACbC,EAAAA,OACA,QAAAH,EAAA,YACAI,EAAAA,YACA,WAAAH,CACF"}
+{"version":3,"file":"tokens.cjs","sources":["../src/theme/tokens/gradients.ts","../src/theme/tokens/index.ts"],"sourcesContent":["import { primitives } from \"./colors\";\n\n// The expressive gradient's stops are Figma's `expressive/*-default`\n// primitives (the same values the `interactive/expressive-default-*` tokens\n// resolve to), so the gradient re-tones with the brand ramp.\nexport const gradients = {\n  action: {\n    expressive: `linear-gradient(105deg, ${primitives.expressive[\"orange-default\"]}, ${primitives.expressive[\"pink-default\"]} 55%, ${primitives.expressive[\"purple-default\"]})`,\n  },\n} as const;\n","import { colors } from \"./colors\";\nimport { gradients } from \"./gradients\";\nimport { spacing, spacingRole } from \"./spacing\";\nimport { transitions } from \"./transitions\";\nimport { typography } from \"./typography\";\n\nexport { transitions };\n// Named explicitly: `export *` does not forward the default export, so without\n// this line `colors` and `primitives` are unreachable from the package root.\nexport { colors, primitives } from \"./colors\";\nexport {\n  chartPool,\n  overlayPool,\n  palettePool,\n  paletteSlots,\n  type VizHue,\n} from \"./palette\";\nexport { fontSize, lineHeight } from \"./typography\";\nexport { spacingRole } from \"./spacing\";\n\nexport default {\n  colors,\n  gradients,\n  spacing,\n  spacingRole,\n  transitions,\n  typography,\n};\n"],"names":["gradients","primitives","index","colors","spacing","spacingRole","transitions","typography"],"mappings":"sJAKaA,EAAY,CACvB,OAAQ,CACN,WAAY,2BAA2BC,EAAAA,WAAW,WAAW,gBAAgB,CAAC,KAAKA,EAAAA,WAAW,WAAW,cAAc,CAAC,SAASA,EAAAA,WAAW,WAAW,gBAAgB,CAAC,GAAA,CAE5K,ECWAC,EAAe,CAAA,OACbC,EAAAA,OACA,UAAAH,EAAA,QACAI,EAAAA,QAAA,YACAC,EAAAA,YAAA,YACAC,EAAAA,YAAA,WACAC,EAAAA,UACF"}

package/dist/tokens.js

@@ -1,43 +1,28 @@
-import { t as s, c as o } from "./palette-B91vdbSd.js";
-import { p as l, a as n, b as r } from "./palette-B91vdbSd.js";
-const t = {
-  xs: "0.25rem",
-  sm: "0.5rem",
-  md: "1rem",
-  lg: "1.5rem",
-  xl: "2rem"
-}, a = {
-  fontFamily: {
-    sans: ["Palanquin", "sans-serif"],
-    mono: ["monospace"]
-  },
-  fontSize: {
-    xxs: "9px",
-    xs: "11px",
-    sm: "12px",
-    md: "13px",
-    lg: "15px",
-    xl: "18px",
-    xxl: "23px"
-  },
-  fontWeight: {
-    light: 300,
-    normal: 400,
-    semibold: 500,
-    bold: 600
+import { d as e, t as s, e as a, s as t, g as o, a as i } from "./palette-Boxwxq4V.js";
+import { c as g, f as c, l as f, o as x, p as v, b as u } from "./palette-Boxwxq4V.js";
+const r = {
+  action: {
+    expressive: `linear-gradient(105deg, ${e.expressive["orange-default"]}, ${e.expressive["pink-default"]} 55%, ${e.expressive["purple-default"]})`
   }
-}, m = {
-  colors: o,
-  spacing: t,
-  transitions: s,
-  typography: a
+}, l = {
+  colors: i,
+  gradients: r,
+  spacing: o,
+  spacingRole: t,
+  transitions: a,
+  typography: s
 };
 export {
-  o as colors,
-  m as default,
-  l as palettePool,
-  n as paletteSlots,
-  r as primitives,
-  s as transitions
+  g as chartPool,
+  i as colors,
+  l as default,
+  c as fontSize,
+  f as lineHeight,
+  x as overlayPool,
+  v as palettePool,
+  u as paletteSlots,
+  e as primitives,
+  t as spacingRole,
+  a as transitions
 };
 //# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../src/theme/tokens/spacing.ts","../src/theme/tokens/typography.ts","../src/theme/tokens/index.ts"],"sourcesContent":["export const spacing = {\n  xs: \"0.25rem\",\n  sm: \"0.5rem\",\n  md: \"1rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n} as const;\n","export const typography = {\n  fontFamily: {\n    sans: [\"Palanquin\", \"sans-serif\"],\n    mono: [\"monospace\"],\n  },\n  fontSize: {\n    xxs: \"9px\",\n    xs: \"11px\",\n    sm: \"12px\",\n    md: \"13px\",\n    lg: \"15px\",\n    xl: \"18px\",\n    xxl: \"23px\",\n  },\n  fontWeight: {\n    light: 300,\n    normal: 400,\n    semibold: 500,\n    bold: 600,\n  },\n} as const;\n","import { colors } from \"./colors\";\nimport { spacing } from \"./spacing\";\nimport { transitions } from \"./transitions\";\nimport { typography } from \"./typography\";\n\nexport { transitions };\n// Named explicitly: `export *` does not forward the default export, so without\n// this line `colors` and `primitives` are unreachable from the package root.\nexport { colors, primitives } from \"./colors\";\nexport { palettePool, paletteSlots } from \"./palette\";\n\nexport default {\n  colors,\n  spacing,\n  transitions,\n  typography,\n};\n"],"names":["spacing","typography","index","colors","transitions"],"mappings":";;AAAO,MAAMA,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCNaC,IAAa;AAAA,EACxB,YAAY;AAAA,IACV,MAAM,CAAC,aAAa,YAAY;AAAA,IAChC,MAAM,CAAC,WAAW;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EAAA;AAAA,EAEP,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EAAA;AAEV,GCTAC,IAAe;AAAA,EACb,QAAAC;AAAA,EACA,SAAAH;AAAA,EACA,aAAAI;AAAA,EACA,YAAAH;AACF;"}
+{"version":3,"file":"tokens.js","sources":["../src/theme/tokens/gradients.ts","../src/theme/tokens/index.ts"],"sourcesContent":["import { primitives } from \"./colors\";\n\n// The expressive gradient's stops are Figma's `expressive/*-default`\n// primitives (the same values the `interactive/expressive-default-*` tokens\n// resolve to), so the gradient re-tones with the brand ramp.\nexport const gradients = {\n  action: {\n    expressive: `linear-gradient(105deg, ${primitives.expressive[\"orange-default\"]}, ${primitives.expressive[\"pink-default\"]} 55%, ${primitives.expressive[\"purple-default\"]})`,\n  },\n} as const;\n","import { colors } from \"./colors\";\nimport { gradients } from \"./gradients\";\nimport { spacing, spacingRole } from \"./spacing\";\nimport { transitions } from \"./transitions\";\nimport { typography } from \"./typography\";\n\nexport { transitions };\n// Named explicitly: `export *` does not forward the default export, so without\n// this line `colors` and `primitives` are unreachable from the package root.\nexport { colors, primitives } from \"./colors\";\nexport {\n  chartPool,\n  overlayPool,\n  palettePool,\n  paletteSlots,\n  type VizHue,\n} from \"./palette\";\nexport { fontSize, lineHeight } from \"./typography\";\nexport { spacingRole } from \"./spacing\";\n\nexport default {\n  colors,\n  gradients,\n  spacing,\n  spacingRole,\n  transitions,\n  typography,\n};\n"],"names":["gradients","primitives","index","colors","spacing","spacingRole","transitions","typography"],"mappings":";;AAKO,MAAMA,IAAY;AAAA,EACvB,QAAQ;AAAA,IACN,YAAY,2BAA2BC,EAAW,WAAW,gBAAgB,CAAC,KAAKA,EAAW,WAAW,cAAc,CAAC,SAASA,EAAW,WAAW,gBAAgB,CAAC;AAAA,EAAA;AAE5K,GCWAC,IAAe;AAAA,EACb,QAAAC;AAAA,EACA,WAAAH;AAAA,EACA,SAAAI;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF;"}