@lateralus-ai/shipping-ui 1.4.16 → 2.0.0-dev.10

package/dist/theme-entry-BUK3MJUJ.mjs

@@ -0,0 +1,261 @@
+const o = {
+  50: "#fdfdfc",
+  100: "#f4f2ea",
+  200: "#e1ddce",
+  300: "#bfb9a5",
+  400: "#969080",
+  500: "#6e6960",
+  600: "#524e47",
+  700: "#3a3733",
+  800: "#312e2a",
+  900: "#262420"
+}, d = {
+  50: "#f5f8f2",
+  100: "#dde6d2",
+  200: "#c5d4b3",
+  300: "#a8bf8f",
+  400: "#7a9a5e",
+  500: "#5a7a42",
+  600: "#456332",
+  700: "#304624",
+  800: "#223018",
+  900: "#141c0e"
+}, c = {
+  50: "#eef1f8",
+  100: "#dae0ef",
+  200: "#b8c4e0",
+  300: "#8fa3cc",
+  400: "#5274ae",
+  500: "#3a5d96",
+  600: "#154199",
+  700: "#103480",
+  800: "#0c2860",
+  900: "#081c42"
+}, l = {
+  50: "#faf3f1",
+  100: "#f0d3cc",
+  200: "#e4b0a5",
+  300: "#c97a6b",
+  400: "#b85a48",
+  500: "#a0392a",
+  600: "#802c20",
+  700: "#621f16",
+  800: "#45150f",
+  900: "#2a0c08"
+}, s = {
+  50: "#faf1de",
+  100: "#f5e4c0",
+  200: "#efd49a",
+  300: "#e4bc6a",
+  400: "#d9a03e",
+  500: "#c48820",
+  600: "#8f6318",
+  700: "#5a3d0d",
+  800: "#3d2a09",
+  900: "#261a05"
+}, v = {
+  50: "#f6f2f8",
+  100: "#e2d9e8",
+  200: "#cbbad6",
+  300: "#b09bc3",
+  400: "#957cb0",
+  500: "#7a5d9d",
+  600: "#5e4680",
+  700: "#3d2e4a",
+  800: "#2a2033",
+  900: "#18121c"
+}, p = "#ffffff", a = { grey: o, green: d, blue: c, red: l, orange: s, purple: v }, t = {
+  raise1: "0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",
+  raise2: "0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",
+  raise3: "0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"
+}, i = {
+  control: "8px",
+  lg: "8px",
+  md: "6px",
+  sm: "4px"
+}, e = (n, r) => [
+  n,
+  {
+    lineHeight: r.lineHeight,
+    letterSpacing: r.letterSpacing,
+    ...r.fontWeight ? { fontWeight: String(r.fontWeight) } : {}
+  }
+], g = {
+  fontFamily: {
+    heading: ['"TRY Vesterbro"', "Libre Baskerville", "Georgia", "serif"],
+    sans: ['"Matter-TRIAL"', "DM Sans", "system-ui", "sans-serif"],
+    mono: ["Roboto Mono", "monospace"]
+  },
+  fontSize: {
+    title: e("28px", { lineHeight: "34px", letterSpacing: "-0.02em" }),
+    "title-em": e("28px", {
+      lineHeight: "34px",
+      letterSpacing: "-0.02em",
+      fontWeight: 500
+    }),
+    heading: e("22px", {
+      lineHeight: "28px",
+      letterSpacing: "0",
+      fontWeight: 500
+    }),
+    subheader: e("18px", { lineHeight: "28px", letterSpacing: "-0.01em" }),
+    "subheader-em": e("18px", {
+      lineHeight: "28px",
+      letterSpacing: "-0.01em",
+      fontWeight: 500
+    }),
+    body: e("16px", { lineHeight: "24px", letterSpacing: "-0.01em" }),
+    "body-em": e("16px", {
+      lineHeight: "24px",
+      letterSpacing: "-0.01em",
+      fontWeight: 500
+    }),
+    "caption-1": e("16px", { lineHeight: "22px", letterSpacing: "0.02em" }),
+    "caption-1-em": e("16px", {
+      lineHeight: "22px",
+      letterSpacing: "0.02em",
+      fontWeight: 500
+    }),
+    "caption-2": e("14px", { lineHeight: "20px", letterSpacing: "0.01em" }),
+    "caption-2-em": e("14px", {
+      lineHeight: "20px",
+      letterSpacing: "0.01em",
+      fontWeight: 500
+    }),
+    footnote: e("13px", { lineHeight: "17px", letterSpacing: "0" }),
+    "footnote-em": e("13px", {
+      lineHeight: "17px",
+      letterSpacing: "0",
+      fontWeight: 500
+    })
+  },
+  boxShadow: {
+    raise1: t.raise1,
+    raise2: t.raise2,
+    raise3: t.raise3
+  },
+  borderRadius: {
+    control: i.control,
+    lg: i.lg,
+    md: i.md,
+    sm: i.sm
+  },
+  colors: {
+    grey: a.grey,
+    gray: a.grey,
+    green: a.green,
+    blue: a.blue,
+    red: a.red,
+    orange: a.orange,
+    purple: a.purple,
+    white: "#ffffff",
+    action: {
+      primary: {
+        idle: "var(--action-primary-idle)",
+        "on-idle": "var(--action-primary-on-idle)",
+        hover: "var(--action-primary-hover)",
+        "on-hover": "var(--action-primary-on-hover)",
+        disabled: "var(--action-primary-disabled)",
+        "on-disabled": "var(--action-primary-on-disabled)"
+      },
+      secondary: {
+        idle: "var(--action-secondary-idle)",
+        "on-idle": "var(--action-secondary-on-idle)",
+        hover: "var(--action-secondary-hover)",
+        "on-hover": "var(--action-secondary-on-hover)",
+        disabled: "var(--action-secondary-disabled)",
+        "on-disabled": "var(--action-secondary-on-disabled)"
+      },
+      tertiary: {
+        idle: "var(--action-tertiary-idle)",
+        "on-idle": "var(--action-tertiary-on-idle)",
+        hover: "var(--action-tertiary-hover)",
+        "on-hover": "var(--action-tertiary-on-hover)",
+        disabled: "var(--action-tertiary-disabled)",
+        "on-disabled": "var(--action-tertiary-on-disabled)"
+      },
+      quaternary: {
+        idle: "var(--action-quaternary-idle)",
+        "on-idle": "var(--action-quaternary-on-idle)",
+        hover: "var(--action-quaternary-hover)",
+        "on-hover": "var(--action-quaternary-on-hover)",
+        disabled: "var(--action-quaternary-disabled)",
+        "on-disabled": "var(--action-quaternary-on-disabled)"
+      },
+      destructive: {
+        idle: "var(--action-destructive-idle)",
+        "on-idle": "var(--action-destructive-on-idle)",
+        hover: "var(--action-destructive-hover)",
+        "on-hover": "var(--action-destructive-on-hover)",
+        disabled: "var(--action-destructive-disabled)",
+        "on-disabled": "var(--action-destructive-on-disabled)"
+      }
+    },
+    background: {
+      primary: "var(--background-primary)",
+      secondary: "var(--background-secondary)",
+      tertiary: "var(--background-tertiary)",
+      hover: "var(--background-hover)",
+      selected: "var(--background-selected)",
+      overlay: "var(--background-overlay)"
+    },
+    display: {
+      "on-light": {
+        primary: "var(--display-on-light-primary)",
+        secondary: "var(--display-on-light-secondary)",
+        tertiary: "var(--display-on-light-tertiary)",
+        quaternary: "var(--display-on-light-quaternary)"
+      },
+      "on-dark": {
+        primary: "var(--display-on-dark-primary)",
+        secondary: "var(--display-on-dark-secondary)",
+        tertiary: "var(--display-on-dark-tertiary)",
+        quaternary: "var(--display-on-dark-quaternary)"
+      }
+    },
+    accent: {
+      "on-light": "var(--accent-on-light)",
+      "on-dark": "var(--accent-on-dark)",
+      "bg-light": "var(--accent-bg-light)",
+      "bg-lighter": "var(--accent-bg-lighter)"
+    },
+    divider: {
+      primary: "var(--divider-primary)",
+      secondary: "var(--divider-secondary)"
+    },
+    meta: {
+      green: "var(--meta-green)",
+      onGreen: "var(--meta-on-green)",
+      orange: "var(--meta-orange)",
+      onOrange: "var(--meta-on-orange)",
+      red: "var(--meta-red)",
+      onRed: "var(--meta-on-red)",
+      blue: "var(--meta-blue)",
+      onBlue: "var(--meta-on-blue)",
+      purple: "var(--meta-purple)",
+      onPurple: "var(--meta-on-purple)"
+    },
+    /* Legacy aliases */
+    "text-primary": "var(--display-on-light-primary)",
+    "text-secondary": "var(--display-on-light-secondary)",
+    "text-tertiary": "var(--display-on-light-tertiary)",
+    "surface-primary": "var(--background-primary)",
+    "surface-secondary": "var(--background-secondary)",
+    "surface-hover": "var(--background-secondary)",
+    "border-light": "var(--divider-primary)",
+    "border-medium": "var(--divider-secondary)"
+  }
+};
+export {
+  d as a,
+  c as b,
+  a as c,
+  i as d,
+  t as e,
+  o as g,
+  s as o,
+  v as p,
+  l as r,
+  g as t,
+  p as w
+};

package/dist/theme-entry-ygTpGaNC.js

@@ -0,0 +1 @@
+"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={raise1:"0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",raise2:"0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",raise3:"0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{"on-light":"var(--accent-on-light)","on-dark":"var(--accent-on-dark)","bg-light":"var(--accent-bg-light)","bg-lighter":"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"text-primary":"var(--display-on-light-primary)","text-secondary":"var(--display-on-light-secondary)","text-tertiary":"var(--display-on-light-tertiary)","surface-primary":"var(--background-primary)","surface-secondary":"var(--background-secondary)","surface-hover":"var(--background-secondary)","border-light":"var(--divider-primary)","border-medium":"var(--divider-secondary)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;

package/dist/theme-entry.d.ts

@@ -0,0 +1,2 @@
+export { theme as tailwindTheme } from './tailwind-theme';
+export { theme } from './tailwind-theme';

package/dist/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-entry-ygTpGaNC.js");exports.tailwindTheme=e.theme;exports.theme=e.theme;

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-entry'
+export {}

package/dist/theme.esm.js

@@ -0,0 +1,5 @@
+import { t as a, t as m } from "./theme-entry-BUK3MJUJ.mjs";
+export {
+  a as tailwindTheme,
+  m as theme
+};

package/dist/tokens/colors.d.ts

@@ -0,0 +1,148 @@
+/** AskChief rebrand color scales — sourced from Figma Style Guide */
+export declare const grey: {
+    readonly 50: "#fdfdfc";
+    readonly 100: "#f4f2ea";
+    readonly 200: "#e1ddce";
+    readonly 300: "#bfb9a5";
+    readonly 400: "#969080";
+    readonly 500: "#6e6960";
+    readonly 600: "#524e47";
+    readonly 700: "#3a3733";
+    readonly 800: "#312e2a";
+    readonly 900: "#262420";
+};
+export declare const green: {
+    readonly 50: "#f5f8f2";
+    readonly 100: "#dde6d2";
+    readonly 200: "#c5d4b3";
+    readonly 300: "#a8bf8f";
+    readonly 400: "#7a9a5e";
+    readonly 500: "#5a7a42";
+    readonly 600: "#456332";
+    readonly 700: "#304624";
+    readonly 800: "#223018";
+    readonly 900: "#141c0e";
+};
+export declare const blue: {
+    readonly 50: "#eef1f8";
+    readonly 100: "#dae0ef";
+    readonly 200: "#b8c4e0";
+    readonly 300: "#8fa3cc";
+    readonly 400: "#5274ae";
+    readonly 500: "#3a5d96";
+    readonly 600: "#154199";
+    readonly 700: "#103480";
+    readonly 800: "#0c2860";
+    readonly 900: "#081c42";
+};
+export declare const red: {
+    readonly 50: "#faf3f1";
+    readonly 100: "#f0d3cc";
+    readonly 200: "#e4b0a5";
+    readonly 300: "#c97a6b";
+    readonly 400: "#b85a48";
+    readonly 500: "#a0392a";
+    readonly 600: "#802c20";
+    readonly 700: "#621f16";
+    readonly 800: "#45150f";
+    readonly 900: "#2a0c08";
+};
+export declare const orange: {
+    readonly 50: "#faf1de";
+    readonly 100: "#f5e4c0";
+    readonly 200: "#efd49a";
+    readonly 300: "#e4bc6a";
+    readonly 400: "#d9a03e";
+    readonly 500: "#c48820";
+    readonly 600: "#8f6318";
+    readonly 700: "#5a3d0d";
+    readonly 800: "#3d2a09";
+    readonly 900: "#261a05";
+};
+export declare const purple: {
+    readonly 50: "#f6f2f8";
+    readonly 100: "#e2d9e8";
+    readonly 200: "#cbbad6";
+    readonly 300: "#b09bc3";
+    readonly 400: "#957cb0";
+    readonly 500: "#7a5d9d";
+    readonly 600: "#5e4680";
+    readonly 700: "#3d2e4a";
+    readonly 800: "#2a2033";
+    readonly 900: "#18121c";
+};
+export declare const white = "#ffffff";
+export declare const colorScales: {
+    readonly grey: {
+        readonly 50: "#fdfdfc";
+        readonly 100: "#f4f2ea";
+        readonly 200: "#e1ddce";
+        readonly 300: "#bfb9a5";
+        readonly 400: "#969080";
+        readonly 500: "#6e6960";
+        readonly 600: "#524e47";
+        readonly 700: "#3a3733";
+        readonly 800: "#312e2a";
+        readonly 900: "#262420";
+    };
+    readonly green: {
+        readonly 50: "#f5f8f2";
+        readonly 100: "#dde6d2";
+        readonly 200: "#c5d4b3";
+        readonly 300: "#a8bf8f";
+        readonly 400: "#7a9a5e";
+        readonly 500: "#5a7a42";
+        readonly 600: "#456332";
+        readonly 700: "#304624";
+        readonly 800: "#223018";
+        readonly 900: "#141c0e";
+    };
+    readonly blue: {
+        readonly 50: "#eef1f8";
+        readonly 100: "#dae0ef";
+        readonly 200: "#b8c4e0";
+        readonly 300: "#8fa3cc";
+        readonly 400: "#5274ae";
+        readonly 500: "#3a5d96";
+        readonly 600: "#154199";
+        readonly 700: "#103480";
+        readonly 800: "#0c2860";
+        readonly 900: "#081c42";
+    };
+    readonly red: {
+        readonly 50: "#faf3f1";
+        readonly 100: "#f0d3cc";
+        readonly 200: "#e4b0a5";
+        readonly 300: "#c97a6b";
+        readonly 400: "#b85a48";
+        readonly 500: "#a0392a";
+        readonly 600: "#802c20";
+        readonly 700: "#621f16";
+        readonly 800: "#45150f";
+        readonly 900: "#2a0c08";
+    };
+    readonly orange: {
+        readonly 50: "#faf1de";
+        readonly 100: "#f5e4c0";
+        readonly 200: "#efd49a";
+        readonly 300: "#e4bc6a";
+        readonly 400: "#d9a03e";
+        readonly 500: "#c48820";
+        readonly 600: "#8f6318";
+        readonly 700: "#5a3d0d";
+        readonly 800: "#3d2a09";
+        readonly 900: "#261a05";
+    };
+    readonly purple: {
+        readonly 50: "#f6f2f8";
+        readonly 100: "#e2d9e8";
+        readonly 200: "#cbbad6";
+        readonly 300: "#b09bc3";
+        readonly 400: "#957cb0";
+        readonly 500: "#7a5d9d";
+        readonly 600: "#5e4680";
+        readonly 700: "#3d2e4a";
+        readonly 800: "#2a2033";
+        readonly 900: "#18121c";
+    };
+};

package/dist/tokens/elevation.d.ts

@@ -0,0 +1,11 @@
+export declare const elevation: {
+    readonly raise1: "0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)";
+    readonly raise2: "0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)";
+    readonly raise3: "0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)";
+};
+export declare const borderRadius: {
+    readonly control: "8px";
+    readonly lg: "8px";
+    readonly md: "6px";
+    readonly sm: "4px";
+};

package/dist/tokens/index.d.ts

@@ -0,0 +1,4 @@
+export * from './colors';
+export * from './semantic';
+export * from './typography';
+export * from './elevation';

package/dist/tokens/semantic.d.ts

@@ -0,0 +1,89 @@
+/** Semantic design tokens mapped to CSS custom properties */
+export declare const semanticTokens: {
+    readonly action: {
+        readonly primary: {
+            readonly idle: "var(--action-primary-idle)";
+            readonly onIdle: "var(--action-primary-on-idle)";
+            readonly hover: "var(--action-primary-hover)";
+            readonly onHover: "var(--action-primary-on-hover)";
+            readonly disabled: "var(--action-primary-disabled)";
+            readonly onDisabled: "var(--action-primary-on-disabled)";
+        };
+        readonly secondary: {
+            readonly idle: "var(--action-secondary-idle)";
+            readonly onIdle: "var(--action-secondary-on-idle)";
+            readonly hover: "var(--action-secondary-hover)";
+            readonly onHover: "var(--action-secondary-on-hover)";
+            readonly disabled: "var(--action-secondary-disabled)";
+            readonly onDisabled: "var(--action-secondary-on-disabled)";
+        };
+        readonly tertiary: {
+            readonly idle: "var(--action-tertiary-idle)";
+            readonly onIdle: "var(--action-tertiary-on-idle)";
+            readonly hover: "var(--action-tertiary-hover)";
+            readonly onHover: "var(--action-tertiary-on-hover)";
+            readonly disabled: "var(--action-tertiary-disabled)";
+            readonly onDisabled: "var(--action-tertiary-on-disabled)";
+        };
+        readonly quaternary: {
+            readonly idle: "var(--action-quaternary-idle)";
+            readonly onIdle: "var(--action-quaternary-on-idle)";
+            readonly hover: "var(--action-quaternary-hover)";
+            readonly onHover: "var(--action-quaternary-on-hover)";
+            readonly disabled: "var(--action-quaternary-disabled)";
+            readonly onDisabled: "var(--action-quaternary-on-disabled)";
+        };
+        readonly destructive: {
+            readonly idle: "var(--action-destructive-idle)";
+            readonly onIdle: "var(--action-destructive-on-idle)";
+            readonly hover: "var(--action-destructive-hover)";
+            readonly onHover: "var(--action-destructive-on-hover)";
+            readonly disabled: "var(--action-destructive-disabled)";
+            readonly onDisabled: "var(--action-destructive-on-disabled)";
+        };
+    };
+    readonly background: {
+        readonly primary: "var(--background-primary)";
+        readonly secondary: "var(--background-secondary)";
+        readonly tertiary: "var(--background-tertiary)";
+        readonly hover: "var(--background-hover)";
+        readonly selected: "var(--background-selected)";
+        readonly overlay: "var(--background-overlay)";
+    };
+    readonly display: {
+        readonly onLight: {
+            readonly primary: "var(--display-on-light-primary)";
+            readonly secondary: "var(--display-on-light-secondary)";
+            readonly tertiary: "var(--display-on-light-tertiary)";
+            readonly quaternary: "var(--display-on-light-quaternary)";
+        };
+        readonly onDark: {
+            readonly primary: "var(--display-on-dark-primary)";
+            readonly secondary: "var(--display-on-dark-secondary)";
+            readonly tertiary: "var(--display-on-dark-tertiary)";
+            readonly quaternary: "var(--display-on-dark-quaternary)";
+        };
+    };
+    readonly accent: {
+        readonly onLight: "var(--accent-on-light)";
+        readonly onDark: "var(--accent-on-dark)";
+        readonly bgLight: "var(--accent-bg-light)";
+        readonly bgLighter: "var(--accent-bg-lighter)";
+    };
+    readonly divider: {
+        readonly primary: "var(--divider-primary)";
+        readonly secondary: "var(--divider-secondary)";
+    };
+    readonly meta: {
+        readonly green: "var(--meta-green)";
+        readonly onGreen: "var(--meta-on-green)";
+        readonly orange: "var(--meta-orange)";
+        readonly onOrange: "var(--meta-on-orange)";
+        readonly red: "var(--meta-red)";
+        readonly onRed: "var(--meta-on-red)";
+        readonly blue: "var(--meta-blue)";
+        readonly onBlue: "var(--meta-on-blue)";
+        readonly purple: "var(--meta-purple)";
+        readonly onPurple: "var(--meta-on-purple)";
+    };
+};

package/dist/tokens/typography.d.ts

@@ -0,0 +1,85 @@
+export declare const fontFamilies: {
+    readonly heading: readonly ["\"TRY Vesterbro\"", "Georgia", "serif"];
+    readonly body: readonly ["\"Matter-TRIAL\"", "system-ui", "sans-serif"];
+    readonly mono: readonly ["\"Roboto Mono\"", "monospace"];
+};
+export declare const fontSizes: {
+    readonly title: {
+        readonly size: "28px";
+        readonly lineHeight: "34px";
+        readonly letterSpacing: "-0.02em";
+        readonly weight: 400;
+    };
+    readonly "title-em": {
+        readonly size: "28px";
+        readonly lineHeight: "34px";
+        readonly letterSpacing: "-0.02em";
+        readonly weight: 500;
+    };
+    readonly heading: {
+        readonly size: "22px";
+        readonly lineHeight: "28px";
+        readonly letterSpacing: "0";
+        readonly weight: 500;
+    };
+    readonly subheader: {
+        readonly size: "18px";
+        readonly lineHeight: "28px";
+        readonly letterSpacing: "-0.01em";
+        readonly weight: 400;
+    };
+    readonly "subheader-em": {
+        readonly size: "18px";
+        readonly lineHeight: "28px";
+        readonly letterSpacing: "-0.01em";
+        readonly weight: 500;
+    };
+    readonly body: {
+        readonly size: "16px";
+        readonly lineHeight: "24px";
+        readonly letterSpacing: "-0.01em";
+        readonly weight: 400;
+    };
+    readonly "body-em": {
+        readonly size: "16px";
+        readonly lineHeight: "24px";
+        readonly letterSpacing: "-0.01em";
+        readonly weight: 500;
+    };
+    readonly "caption-1": {
+        readonly size: "16px";
+        readonly lineHeight: "22px";
+        readonly letterSpacing: "0.02em";
+        readonly weight: 400;
+    };
+    readonly "caption-1-em": {
+        readonly size: "16px";
+        readonly lineHeight: "22px";
+        readonly letterSpacing: "0.02em";
+        readonly weight: 500;
+    };
+    readonly "caption-2": {
+        readonly size: "14px";
+        readonly lineHeight: "20px";
+        readonly letterSpacing: "0.01em";
+        readonly weight: 400;
+    };
+    readonly "caption-2-em": {
+        readonly size: "14px";
+        readonly lineHeight: "20px";
+        readonly letterSpacing: "0.01em";
+        readonly weight: 500;
+    };
+    readonly footnote: {
+        readonly size: "13px";
+        readonly lineHeight: "17px";
+        readonly letterSpacing: "0";
+        readonly weight: 400;
+    };
+    readonly "footnote-em": {
+        readonly size: "13px";
+        readonly lineHeight: "17px";
+        readonly letterSpacing: "0";
+        readonly weight: 500;
+    };
+};