@orangecheck/app-design 1.4.1 → 1.6.0

package/dist/tokens.mjs

@@ -1,33 +1,171 @@
+// src/tokens/palette.ts
+var lightPalette = {
+  accent: "#f4f4f4",
+  accentDisplay: "#f55819",
+  accentForeground: "#0a0a0a",
+  accentInk: "#c73f09",
+  background: "#fafafa",
+  border: "#ececec",
+  brand: "#f66d36",
+  brandForeground: "#0a0a0a",
+  card: "#ffffff",
+  cardForeground: "#0a0a0a",
+  chart1: "#ea580b",
+  chart2: "#2563eb",
+  chart3: "#9d2b77",
+  chart4: "#92400e",
+  chartDown: "#c2262e",
+  chartGrid: "#ececec",
+  chartNeutral: "#8a8f96",
+  chartUp: "#15803d",
+  codeAdded: "#86d39b",
+  codeAddedLine: "#1a2c20",
+  codeComment: "#909397",
+  codeFunction: "#9db4ec",
+  codeKeyword: "#e3a8c2",
+  codeLine: "#2a2a2a",
+  codeLink: "#9db4ec",
+  codeMark: "#232323",
+  codeNumber: "#fcb781",
+  codePackage: "#e99a8f",
+  codeProperty: "#9db4ec",
+  codePunctuation: "#d5d8dc",
+  codeRemoved: "#f19a9a",
+  codeRemovedLine: "#2f1c1c",
+  codeString: "#e99a8f",
+  codeSurface: "#161616",
+  codeTag: "#e3a8c2",
+  codeType: "#8fd0c2",
+  destructive: "#c2262e",
+  destructiveForeground: "#ffffff",
+  foreground: "#0a0a0a",
+  hairlineStrong: "#dadada",
+  info: "#1d4ed8",
+  infoForeground: "#ffffff",
+  ink: "#0a0a0a",
+  inkCard: "#1e1e1e",
+  inkEyebrow: "#f0835a",
+  inkForeground: "#ffffff",
+  inkLine: "#2a2a2a",
+  inkMuted: "#d5d8dc",
+  inkSubtle: "#909397",
+  inkTitle: "#fcb781",
+  input: "#8f8f8f",
+  muted: "#f2f2f2",
+  mutedForeground: "#54585e",
+  ocWalletReady: "#15803d",
+  ocWalletSurface: "#ffffff",
+  orange: "#f66d36",
+  orangeDeep: "#ea580b",
+  orangeLight: "#fb933c",
+  outline: "#f2cfc3",
+  peach: "#fed8ab",
+  popover: "#ffffff",
+  popoverForeground: "#0a0a0a",
+  primary: "#0a0a0a",
+  primaryForeground: "#ffffff",
+  ring: "#ea580b",
+  secondary: "#ffffff",
+  secondaryForeground: "#0a0a0a",
+  skeleton: "#e8e8e8",
+  sphereFrom: "#ff6f33",
+  sphereTo: "#ffd9c4",
+  subtleForeground: "#686c72",
+  success: "#15803d",
+  successForeground: "#ffffff",
+  tableHead: "#ededed",
+  warning: "#a15c07",
+  warningForeground: "#ffffff"
+};
+var darkPalette = {
+  accent: "#1e1e1e",
+  accentDisplay: "#f66d36",
+  accentForeground: "#fafafa",
+  accentInk: "#f0835a",
+  background: "#0a0a0a",
+  bandLine: "#262626",
+  border: "#2a2a2a",
+  brand: "#f66d36",
+  brandForeground: "#0a0a0a",
+  card: "#161616",
+  cardForeground: "#fafafa",
+  chart1: "#f66d36",
+  chart2: "#3b82f6",
+  chart3: "#f9a8d4",
+  chart4: "#fde047",
+  chartDown: "#f87171",
+  chartGrid: "#2a2a2a",
+  chartNeutral: "#62676e",
+  chartUp: "#4ade80",
+  codeAdded: "#86d39b",
+  codeAddedLine: "#132519",
+  codeComment: "#909397",
+  codeFunction: "#9db4ec",
+  codeKeyword: "#e3a8c2",
+  codeLine: "#2a2a2a",
+  codeLink: "#9db4ec",
+  codeMark: "#1b1b1b",
+  codeNumber: "#fcb781",
+  codePackage: "#e99a8f",
+  codeProperty: "#9db4ec",
+  codePunctuation: "#d5d8dc",
+  codeRemoved: "#f19a9a",
+  codeRemovedLine: "#271414",
+  codeString: "#e99a8f",
+  codeSurface: "#0e0e0e",
+  codeTag: "#e3a8c2",
+  codeType: "#8fd0c2",
+  destructive: "#f87171",
+  destructiveForeground: "#0a0a0a",
+  foreground: "#fafafa",
+  hairlineStrong: "#333333",
+  iconRing: "#333333",
+  iconTile: "#1e1e1e",
+  info: "#93c5fd",
+  infoForeground: "#0a0a0a",
+  ink: "#171717",
+  inkCard: "#1e1e1e",
+  inkEyebrow: "#f0835a",
+  inkForeground: "#ffffff",
+  inkLine: "#2a2a2a",
+  inkMuted: "#d5d8dc",
+  inkSubtle: "#909397",
+  inkTitle: "#fcb781",
+  input: "#6a6a6a",
+  muted: "#1e1e1e",
+  mutedForeground: "#a3a6aa",
+  ocWalletReady: "#4ade80",
+  ocWalletSurface: "#161616",
+  orange: "#f66d36",
+  orangeDeep: "#ea580b",
+  orangeLight: "#fb933c",
+  outline: "#3a2a24",
+  peach: "#fed8ab",
+  popover: "#1a1a1a",
+  popoverForeground: "#fafafa",
+  primary: "#fafafa",
+  primaryForeground: "#0a0a0a",
+  ring: "#f66d36",
+  secondary: "#1c1c1c",
+  secondaryForeground: "#fafafa",
+  skeleton: "#222222",
+  sphereFrom: "#ff6f33",
+  sphereTo: "#ffd9c4",
+  subtleForeground: "#8b8e93",
+  success: "#4ade80",
+  successForeground: "#0a0a0a",
+  tableHead: "#1e1e1e",
+  warning: "#fbbf24",
+  warningForeground: "#0a0a0a"
+};
+
 // src/tokens/index.ts
 var APP_ATTRIBUTE = "data-oc-app";
 var APP_ID = "ochk";
 var appColors = {
-  light: {
-    background: "#FAFAFA",
-    foreground: "#0A0A0A",
-    card: "#FFFFFF",
-    muted: "#F2F2F2",
-    mutedForeground: "#54585E",
-    subtleForeground: "#686C72",
-    border: "#ECECEC",
-    hairlineStrong: "#DADADA",
-    accentDisplay: "#F55819",
-    accentInk: "#C73F09",
-    ring: "#EA580B"
-  },
-  dark: {
-    background: "#0A0A0A",
-    foreground: "#FAFAFA",
-    card: "#161616",
-    muted: "#1E1E1E",
-    mutedForeground: "#A3A6AA",
-    subtleForeground: "#8B8E93",
-    border: "#2A2A2A",
-    hairlineStrong: "#333333",
-    accentDisplay: "#F66D36",
-    accentInk: "#F0835A",
-    ring: "#F66D36"
-  },
+  /** Every colour token, generated from tokens.css (palette.ts): the chart series, code, ink and status colours too. */
+  light: lightPalette,
+  dark: darkPalette,
   brand: {
     orange: "#F66D36",
     orangeLight: "#FB933C",
@@ -42,6 +180,6 @@ var appFonts = {
   mono: "'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace"
 };
 
-export { APP_ATTRIBUTE, APP_ID, appColors, appFonts };
+export { APP_ATTRIBUTE, APP_ID, appColors, appFonts, darkPalette, lightPalette };
 //# sourceMappingURL=tokens.mjs.map
 //# sourceMappingURL=tokens.mjs.map

package/dist/tokens.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":";AAKO,IAAM,aAAA,GAAgB;AACtB,IAAM,MAAA,GAAS;AAEf,IAAM,SAAA,GAAY;AAAA,EACrB,KAAA,EAAO;AAAA,IACH,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,gBAAA,EAAkB,SAAA;AAAA,IAClB,MAAA,EAAQ,SAAA;AAAA,IACR,cAAA,EAAgB,SAAA;AAAA,IAChB,aAAA,EAAe,SAAA;AAAA,IACf,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACV;AAAA,EACA,IAAA,EAAM;AAAA,IACF,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,gBAAA,EAAkB,SAAA;AAAA,IAClB,MAAA,EAAQ,SAAA;AAAA,IACR,cAAA,EAAgB,SAAA;AAAA,IAChB,aAAA,EAAe,SAAA;AAAA,IACf,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACH,MAAA,EAAQ,SAAA;AAAA,IACR,WAAA,EAAa,SAAA;AAAA,IACb,UAAA,EAAY,SAAA;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,OAAA,EAAS;AAAA;AAEjB;AAEO,IAAM,QAAA,GAAW;AAAA,EACpB,IAAA,EAAM,yEAAA;AAAA,EACN,IAAA,EAAM;AACV","file":"tokens.mjs","sourcesContent":["/*\n * The palette as data, for places CSS variables cannot reach: OG images,\n * canvas, charts, email. Every value must equal its variable in\n * styles/tokens.css; scripts/check-mirror.mjs fails the build when one drifts.\n */\nexport const APP_ATTRIBUTE = 'data-oc-app';\nexport const APP_ID = 'ochk';\n\nexport const appColors = {\n    light: {\n        background: '#FAFAFA',\n        foreground: '#0A0A0A',\n        card: '#FFFFFF',\n        muted: '#F2F2F2',\n        mutedForeground: '#54585E',\n        subtleForeground: '#686C72',\n        border: '#ECECEC',\n        hairlineStrong: '#DADADA',\n        accentDisplay: '#F55819',\n        accentInk: '#C73F09',\n        ring: '#EA580B',\n    },\n    dark: {\n        background: '#0A0A0A',\n        foreground: '#FAFAFA',\n        card: '#161616',\n        muted: '#1E1E1E',\n        mutedForeground: '#A3A6AA',\n        subtleForeground: '#8B8E93',\n        border: '#2A2A2A',\n        hairlineStrong: '#333333',\n        accentDisplay: '#F66D36',\n        accentInk: '#F0835A',\n        ring: '#F66D36',\n    },\n    brand: {\n        orange: '#F66D36',\n        orangeLight: '#FB933C',\n        orangeDeep: '#EA580B',\n        peach: '#FED8AB',\n        ink: '#0A0A0A',\n        inkCard: '#1E1E1E',\n    },\n} as const;\n\nexport const appFonts = {\n    sans: \"'OCA Inter', 'OCA Inter Fallback', ui-sans-serif, system-ui, sans-serif\",\n    mono: \"'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace\",\n} as const;\n"]}
+{"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"tokens.mjs","sourcesContent":["// Generated from styles/tokens.css by scripts/gen-palette.mjs. Do not edit: change tokens.css and run yarn build.\n\n/** Every colour token in light mode, resolved to its colour. */\nexport const lightPalette = {\n    accent: '#f4f4f4',\n    accentDisplay: '#f55819',\n    accentForeground: '#0a0a0a',\n    accentInk: '#c73f09',\n    background: '#fafafa',\n    border: '#ececec',\n    brand: '#f66d36',\n    brandForeground: '#0a0a0a',\n    card: '#ffffff',\n    cardForeground: '#0a0a0a',\n    chart1: '#ea580b',\n    chart2: '#2563eb',\n    chart3: '#9d2b77',\n    chart4: '#92400e',\n    chartDown: '#c2262e',\n    chartGrid: '#ececec',\n    chartNeutral: '#8a8f96',\n    chartUp: '#15803d',\n    codeAdded: '#86d39b',\n    codeAddedLine: '#1a2c20',\n    codeComment: '#909397',\n    codeFunction: '#9db4ec',\n    codeKeyword: '#e3a8c2',\n    codeLine: '#2a2a2a',\n    codeLink: '#9db4ec',\n    codeMark: '#232323',\n    codeNumber: '#fcb781',\n    codePackage: '#e99a8f',\n    codeProperty: '#9db4ec',\n    codePunctuation: '#d5d8dc',\n    codeRemoved: '#f19a9a',\n    codeRemovedLine: '#2f1c1c',\n    codeString: '#e99a8f',\n    codeSurface: '#161616',\n    codeTag: '#e3a8c2',\n    codeType: '#8fd0c2',\n    destructive: '#c2262e',\n    destructiveForeground: '#ffffff',\n    foreground: '#0a0a0a',\n    hairlineStrong: '#dadada',\n    info: '#1d4ed8',\n    infoForeground: '#ffffff',\n    ink: '#0a0a0a',\n    inkCard: '#1e1e1e',\n    inkEyebrow: '#f0835a',\n    inkForeground: '#ffffff',\n    inkLine: '#2a2a2a',\n    inkMuted: '#d5d8dc',\n    inkSubtle: '#909397',\n    inkTitle: '#fcb781',\n    input: '#8f8f8f',\n    muted: '#f2f2f2',\n    mutedForeground: '#54585e',\n    ocWalletReady: '#15803d',\n    ocWalletSurface: '#ffffff',\n    orange: '#f66d36',\n    orangeDeep: '#ea580b',\n    orangeLight: '#fb933c',\n    outline: '#f2cfc3',\n    peach: '#fed8ab',\n    popover: '#ffffff',\n    popoverForeground: '#0a0a0a',\n    primary: '#0a0a0a',\n    primaryForeground: '#ffffff',\n    ring: '#ea580b',\n    secondary: '#ffffff',\n    secondaryForeground: '#0a0a0a',\n    skeleton: '#e8e8e8',\n    sphereFrom: '#ff6f33',\n    sphereTo: '#ffd9c4',\n    subtleForeground: '#686c72',\n    success: '#15803d',\n    successForeground: '#ffffff',\n    tableHead: '#ededed',\n    warning: '#a15c07',\n    warningForeground: '#ffffff',\n} as const;\n\n/** Every colour token in dark mode, resolved to its colour. */\nexport const darkPalette = {\n    accent: '#1e1e1e',\n    accentDisplay: '#f66d36',\n    accentForeground: '#fafafa',\n    accentInk: '#f0835a',\n    background: '#0a0a0a',\n    bandLine: '#262626',\n    border: '#2a2a2a',\n    brand: '#f66d36',\n    brandForeground: '#0a0a0a',\n    card: '#161616',\n    cardForeground: '#fafafa',\n    chart1: '#f66d36',\n    chart2: '#3b82f6',\n    chart3: '#f9a8d4',\n    chart4: '#fde047',\n    chartDown: '#f87171',\n    chartGrid: '#2a2a2a',\n    chartNeutral: '#62676e',\n    chartUp: '#4ade80',\n    codeAdded: '#86d39b',\n    codeAddedLine: '#132519',\n    codeComment: '#909397',\n    codeFunction: '#9db4ec',\n    codeKeyword: '#e3a8c2',\n    codeLine: '#2a2a2a',\n    codeLink: '#9db4ec',\n    codeMark: '#1b1b1b',\n    codeNumber: '#fcb781',\n    codePackage: '#e99a8f',\n    codeProperty: '#9db4ec',\n    codePunctuation: '#d5d8dc',\n    codeRemoved: '#f19a9a',\n    codeRemovedLine: '#271414',\n    codeString: '#e99a8f',\n    codeSurface: '#0e0e0e',\n    codeTag: '#e3a8c2',\n    codeType: '#8fd0c2',\n    destructive: '#f87171',\n    destructiveForeground: '#0a0a0a',\n    foreground: '#fafafa',\n    hairlineStrong: '#333333',\n    iconRing: '#333333',\n    iconTile: '#1e1e1e',\n    info: '#93c5fd',\n    infoForeground: '#0a0a0a',\n    ink: '#171717',\n    inkCard: '#1e1e1e',\n    inkEyebrow: '#f0835a',\n    inkForeground: '#ffffff',\n    inkLine: '#2a2a2a',\n    inkMuted: '#d5d8dc',\n    inkSubtle: '#909397',\n    inkTitle: '#fcb781',\n    input: '#6a6a6a',\n    muted: '#1e1e1e',\n    mutedForeground: '#a3a6aa',\n    ocWalletReady: '#4ade80',\n    ocWalletSurface: '#161616',\n    orange: '#f66d36',\n    orangeDeep: '#ea580b',\n    orangeLight: '#fb933c',\n    outline: '#3a2a24',\n    peach: '#fed8ab',\n    popover: '#1a1a1a',\n    popoverForeground: '#fafafa',\n    primary: '#fafafa',\n    primaryForeground: '#0a0a0a',\n    ring: '#f66d36',\n    secondary: '#1c1c1c',\n    secondaryForeground: '#fafafa',\n    skeleton: '#222222',\n    sphereFrom: '#ff6f33',\n    sphereTo: '#ffd9c4',\n    subtleForeground: '#8b8e93',\n    success: '#4ade80',\n    successForeground: '#0a0a0a',\n    tableHead: '#1e1e1e',\n    warning: '#fbbf24',\n    warningForeground: '#0a0a0a',\n} as const;\n","/*\n * The palette as data, for places CSS variables cannot reach: OG images,\n * canvas and WebGL, charts, email. Light and dark are generated from\n * styles/tokens.css; scripts/check-mirror.mjs fails the build when the\n * generated file or a brand value drifts.\n */\nimport { darkPalette, lightPalette } from './palette';\n\nexport { darkPalette, lightPalette } from './palette';\n\nexport const APP_ATTRIBUTE = 'data-oc-app';\nexport const APP_ID = 'ochk';\n\nexport const appColors = {\n    /** Every colour token, generated from tokens.css (palette.ts): the chart series, code, ink and status colours too. */\n    light: lightPalette,\n    dark: darkPalette,\n    brand: {\n        orange: '#F66D36',\n        orangeLight: '#FB933C',\n        orangeDeep: '#EA580B',\n        peach: '#FED8AB',\n        ink: '#0A0A0A',\n        inkCard: '#1E1E1E',\n    },\n} as const;\n\nexport const appFonts = {\n    sans: \"'OCA Inter', 'OCA Inter Fallback', ui-sans-serif, system-ui, sans-serif\",\n    mono: \"'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace\",\n} as const;\n"]}

package/dist/{tool-shell-D8Q8XX11.d.mts → tool-shell-CQZNRUgH.d.mts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { i as ToolItem } from './tools-DFIxIj5p.mjs';
+import { i as ToolItem } from './tools-Bg1gi2HO.mjs';
 import { d as FamilySlug, j as ProtocolSlug } from './index-DmfyPYe5.mjs';
 
 interface ShellNavItem {
@@ -19,9 +19,12 @@ interface ShellSection {
     label: string;
     title?: string;
     href: string;
+    icon?: ReactNode;
     groups: ShellNavGroup[];
 }
-declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, family, account, banner, footer, children, className, }: {
+declare function AppShell(props: AppShellProps): react.JSX.Element;
+interface AppShellProps {
+    variant?: 'sidebar' | 'rail';
     nav?: ShellNavGroup[];
     sections?: ShellSection[];
     activeSection?: string;
@@ -32,9 +35,10 @@ declare function AppShell({ nav, sections, activeSection, page: pageOverride, pe
     account?: ReactNode;
     banner?: ReactNode;
     footer?: ReactNode;
+    header?: ReactNode;
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}
 interface AccountMenuItem {
     label: string;
     href?: string;
@@ -81,4 +85,4 @@ interface ToolShellProps {
 }
 declare function ToolShell({ protocol, tools, home, account, rail, railFooter, variant, banner, footer, children, }: ToolShellProps): react.JSX.Element;
 
-export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h, useSignInHref as u };
+export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type AppShellProps as c, type SessionState as d, type ShellNavGroup as e, type ShellNavItem as f, type ShellSection as g, ToolShell as h, type ToolShellProps as i, useSignInHref as u };

package/dist/{tool-shell-gmlj47Ie.d.ts → tool-shell-CRmceGrV.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { i as ToolItem } from './tools-BggNN5DV.js';
+import { i as ToolItem } from './tools-Bw7RhO92.js';
 import { d as FamilySlug, j as ProtocolSlug } from './index-DmfyPYe5.js';
 
 interface ShellNavItem {
@@ -19,9 +19,12 @@ interface ShellSection {
     label: string;
     title?: string;
     href: string;
+    icon?: ReactNode;
     groups: ShellNavGroup[];
 }
-declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, family, account, banner, footer, children, className, }: {
+declare function AppShell(props: AppShellProps): react.JSX.Element;
+interface AppShellProps {
+    variant?: 'sidebar' | 'rail';
     nav?: ShellNavGroup[];
     sections?: ShellSection[];
     activeSection?: string;
@@ -32,9 +35,10 @@ declare function AppShell({ nav, sections, activeSection, page: pageOverride, pe
     account?: ReactNode;
     banner?: ReactNode;
     footer?: ReactNode;
+    header?: ReactNode;
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}
 interface AccountMenuItem {
     label: string;
     href?: string;
@@ -81,4 +85,4 @@ interface ToolShellProps {
 }
 declare function ToolShell({ protocol, tools, home, account, rail, railFooter, variant, banner, footer, children, }: ToolShellProps): react.JSX.Element;
 
-export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h, useSignInHref as u };
+export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type AppShellProps as c, type SessionState as d, type ShellNavGroup as e, type ShellNavItem as f, type ShellSection as g, ToolShell as h, type ToolShellProps as i, useSignInHref as u };

package/dist/{tools-DFIxIj5p.d.mts → tools-Bg1gi2HO.d.mts}

@@ -93,7 +93,7 @@ declare function Meter({ value, max, ghost, label, figure, tone, size, className
     ghost?: number;
     label: ReactNode;
     figure?: ReactNode;
-    tone?: 'ink' | 'brand';
+    tone?: 'ink' | 'brand' | 'good' | 'caution' | 'bad';
     size?: 'md' | 'sm';
     className?: string;
 }): react.JSX.Element;

package/dist/{tools-BggNN5DV.d.ts → tools-Bw7RhO92.d.ts}

@@ -93,7 +93,7 @@ declare function Meter({ value, max, ghost, label, figure, tone, size, className
     ghost?: number;
     label: ReactNode;
     figure?: ReactNode;
-    tone?: 'ink' | 'brand';
+    tone?: 'ink' | 'brand' | 'good' | 'caution' | 'bad';
     size?: 'md' | 'sm';
     className?: string;
 }): react.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecheck/app-design",
-  "version": "1.4.1",
+  "version": "1.6.0",
   "description": "The ochk.app design system: tokens, type, the isometric check, halftone photography, primitives and app chrome. Its own system, scoped under data-oc-app=\"ochk\" so it never reaches the .ochk.io family sites.",
   "keywords": [
     "orangecheck",
@@ -89,7 +89,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "tsup && yarn copy:css",
+    "build": "node scripts/gen-palette.mjs && tsup && yarn copy:css",
     "copy:css": "rm -rf dist/styles && mkdir -p dist/styles && cp src/styles.css dist/styles.css && cp -R src/styles/. dist/styles/",
     "test": "node scripts/check-contrast.mjs && node scripts/check-isolation.mjs && node scripts/check-shell.mjs && node scripts/check-mirror.mjs && node scripts/check-code.mjs && node scripts/check-entries.mjs && node scripts/check-render.mjs && node scripts/check-dom.mjs && node scripts/check-next.mjs",
     "dev": "tsup --watch",