@voxel51/voodo 2.0.0 → 2.2.0

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

@@ -29,6 +29,77 @@ export declare const lineHeight: {
     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"];
@@ -62,6 +133,74 @@ 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.
      *

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;;;;;;;GAOG;AAEH,4DAA4D;AAC5D,eAAO,MAAM,QAAQ;;;;;;;;;;CAUX,CAAC;AAEX,8DAA8D;AAC9D,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;IASrB;;;;;;;;;;;;;;;;;;OAkBG;;;;;;;;;;IAWH;;;;;;;;OAQG;;;;;;;CAOK,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/tokens.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./palette-yXRdZevG.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;
+"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.js

@@ -1,5 +1,5 @@
-import { d as e, t as s, e as a, s as t, g as o, a as i } from "./palette-C24I0BcT.js";
-import { c as g, f as c, l as f, o as x, p as v, b as u } from "./palette-C24I0BcT.js";
+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"]})`

package/dist/types/text.d.ts

@@ -1,16 +1,57 @@
 export declare const TextVariant: {
+    /** 23/28 regular — display titles. */
+    readonly HeadingXl: "heading-xl";
+    /** 18/24 medium — page titles. */
+    readonly HeadingLg: "heading-lg";
+    /** 16/20 medium — section headers. */
+    readonly HeadingMd: "heading-md";
+    /** 14/20 medium — small headers and button labels. */
+    readonly HeadingSm: "heading-sm";
+    /** 12/16 medium — the smallest header. */
+    readonly HeadingXs: "heading-xs";
+    /** 15/20 regular — primary body text for main content. */
+    readonly BodyPrimary: "body-primary";
+    /** 14/20 regular — secondary body text. */
+    readonly BodySecondary: "body-secondary";
+    /** 12/16 regular — tertiary body text. */
+    readonly BodyTertiary: "body-tertiary";
+    /** 12/16 semibold, uppercase — label text and alternate section headers. */
+    readonly Label: "label";
+    /** 11/16 regular, tertiary colour — captions. */
+    readonly Caption: "caption";
+    /** 12/16 mono — primary code. */
+    readonly CodePrimary: "code-primary";
+    /** 11/16 mono — secondary code. */
+    readonly CodeSecondary: "code-secondary";
+    /** @deprecated Size-only scale with no Figma role; use a role above. */
     readonly Xxs: "xxs";
+    /** @deprecated Size-only scale; use {@link TextVariant.Caption}. */
     readonly Xs: "xs";
+    /** @deprecated Size-only scale; use {@link TextVariant.BodyTertiary}. */
     readonly Sm: "sm";
+    /** @deprecated Size-only scale; use {@link TextVariant.BodyPrimary}. */
     readonly Md: "md";
+    /** @deprecated Size-only scale; use {@link TextVariant.BodyPrimary}. */
     readonly Lg: "lg";
+    /** @deprecated Size-only scale; use {@link TextVariant.HeadingLg}. */
     readonly Xl: "xl";
+    /** @deprecated Size-only scale; use {@link TextVariant.HeadingXl}. */
     readonly Xxl: "xxl";
-    readonly Label: "label";
-    readonly Caption: "caption";
 };
 export type TextVariant = `${(typeof TextVariant)[keyof typeof TextVariant]}`;
 export declare namespace TextVariant {
+    type HeadingXl = typeof TextVariant.HeadingXl;
+    type HeadingLg = typeof TextVariant.HeadingLg;
+    type HeadingMd = typeof TextVariant.HeadingMd;
+    type HeadingSm = typeof TextVariant.HeadingSm;
+    type HeadingXs = typeof TextVariant.HeadingXs;
+    type BodyPrimary = typeof TextVariant.BodyPrimary;
+    type BodySecondary = typeof TextVariant.BodySecondary;
+    type BodyTertiary = typeof TextVariant.BodyTertiary;
+    type Label = typeof TextVariant.Label;
+    type Caption = typeof TextVariant.Caption;
+    type CodePrimary = typeof TextVariant.CodePrimary;
+    type CodeSecondary = typeof TextVariant.CodeSecondary;
     type Xxs = typeof TextVariant.Xxs;
     type Xs = typeof TextVariant.Xs;
     type Sm = typeof TextVariant.Sm;
@@ -18,8 +59,6 @@ export declare namespace TextVariant {
     type Lg = typeof TextVariant.Lg;
     type Xl = typeof TextVariant.Xl;
     type Xxl = typeof TextVariant.Xxl;
-    type Label = typeof TextVariant.Label;
-    type Caption = typeof TextVariant.Caption;
 }
 export default TextVariant;
 //# sourceMappingURL=text.d.ts.map

package/dist/types/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,EAAE,CAAC;AAE9E,yBAAiB,WAAW,CAAC;IAC3B,KAAY,GAAG,GAAG,OAAO,WAAW,CAAC,GAAG,CAAC;IACzC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,GAAG,GAAG,OAAO,WAAW,CAAC,GAAG,CAAC;IACzC,KAAY,KAAK,GAAG,OAAO,WAAW,CAAC,KAAK,CAAC;IAC7C,KAAY,OAAO,GAAG,OAAO,WAAW,CAAC,OAAO,CAAC;CAClD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;IACtB,sCAAsC;;IAEtC,kCAAkC;;IAElC,sCAAsC;;IAEtC,sDAAsD;;IAEtD,0CAA0C;;IAE1C,0DAA0D;;IAE1D,2CAA2C;;IAE3C,0CAA0C;;IAE1C,4EAA4E;;IAE5E,iDAAiD;;IAEjD,iCAAiC;;IAEjC,mCAAmC;;IAGnC,wEAAwE;;IAExE,oEAAoE;;IAEpE,yEAAyE;;IAEzE,wEAAwE;;IAExE,wEAAwE;;IAExE,sEAAsE;;IAEtE,sEAAsE;;CAE9D,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,EAAE,CAAC;AAE9E,yBAAiB,WAAW,CAAC;IAC3B,KAAY,SAAS,GAAG,OAAO,WAAW,CAAC,SAAS,CAAC;IACrD,KAAY,SAAS,GAAG,OAAO,WAAW,CAAC,SAAS,CAAC;IACrD,KAAY,SAAS,GAAG,OAAO,WAAW,CAAC,SAAS,CAAC;IACrD,KAAY,SAAS,GAAG,OAAO,WAAW,CAAC,SAAS,CAAC;IACrD,KAAY,SAAS,GAAG,OAAO,WAAW,CAAC,SAAS,CAAC;IACrD,KAAY,WAAW,GAAG,OAAO,WAAW,CAAC,WAAW,CAAC;IACzD,KAAY,aAAa,GAAG,OAAO,WAAW,CAAC,aAAa,CAAC;IAC7D,KAAY,YAAY,GAAG,OAAO,WAAW,CAAC,YAAY,CAAC;IAC3D,KAAY,KAAK,GAAG,OAAO,WAAW,CAAC,KAAK,CAAC;IAC7C,KAAY,OAAO,GAAG,OAAO,WAAW,CAAC,OAAO,CAAC;IACjD,KAAY,WAAW,GAAG,OAAO,WAAW,CAAC,WAAW,CAAC;IACzD,KAAY,aAAa,GAAG,OAAO,WAAW,CAAC,aAAa,CAAC;IAC7D,KAAY,GAAG,GAAG,OAAO,WAAW,CAAC,GAAG,CAAC;IACzC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,EAAE,GAAG,OAAO,WAAW,CAAC,EAAE,CAAC;IACvC,KAAY,GAAG,GAAG,OAAO,WAAW,CAAC,GAAG,CAAC;CAC1C;AAED,eAAe,WAAW,CAAC"}

package/dist/util/classes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/util/classes.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,EAAE,GACb,GAAG,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAClD,MAEF,CAAC"}
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/util/classes.ts"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,EAAE,GACb,GAAG,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAClD,MAEF,CAAC"}