@orangecheck/app-design 1.5.0 → 1.6.1

package/dist/tokens.d.ts

@@ -1,31 +1,324 @@
+declare const lightPalette: {
+    readonly accent: "#f4f4f4";
+    readonly accentDisplay: "#f55819";
+    readonly accentForeground: "#0a0a0a";
+    readonly accentInk: "#c73f09";
+    readonly background: "#fafafa";
+    readonly border: "#ececec";
+    readonly brand: "#f66d36";
+    readonly brandForeground: "#0a0a0a";
+    readonly card: "#ffffff";
+    readonly cardForeground: "#0a0a0a";
+    readonly chart1: "#ea580b";
+    readonly chart2: "#2563eb";
+    readonly chart3: "#9d2b77";
+    readonly chart4: "#92400e";
+    readonly chartDown: "#c2262e";
+    readonly chartGrid: "#ececec";
+    readonly chartNeutral: "#8a8f96";
+    readonly chartUp: "#15803d";
+    readonly codeAdded: "#86d39b";
+    readonly codeAddedLine: "#1a2c20";
+    readonly codeComment: "#909397";
+    readonly codeFunction: "#9db4ec";
+    readonly codeKeyword: "#e3a8c2";
+    readonly codeLine: "#2a2a2a";
+    readonly codeLink: "#9db4ec";
+    readonly codeMark: "#232323";
+    readonly codeNumber: "#fcb781";
+    readonly codePackage: "#e99a8f";
+    readonly codeProperty: "#9db4ec";
+    readonly codePunctuation: "#d5d8dc";
+    readonly codeRemoved: "#f19a9a";
+    readonly codeRemovedLine: "#2f1c1c";
+    readonly codeString: "#e99a8f";
+    readonly codeSurface: "#161616";
+    readonly codeTag: "#e3a8c2";
+    readonly codeType: "#8fd0c2";
+    readonly destructive: "#c2262e";
+    readonly destructiveForeground: "#ffffff";
+    readonly foreground: "#0a0a0a";
+    readonly hairlineStrong: "#dadada";
+    readonly info: "#1d4ed8";
+    readonly infoForeground: "#ffffff";
+    readonly ink: "#0a0a0a";
+    readonly inkCard: "#1e1e1e";
+    readonly inkEyebrow: "#f0835a";
+    readonly inkForeground: "#ffffff";
+    readonly inkLine: "#2a2a2a";
+    readonly inkMuted: "#d5d8dc";
+    readonly inkSubtle: "#909397";
+    readonly inkTitle: "#fcb781";
+    readonly input: "#8f8f8f";
+    readonly muted: "#f2f2f2";
+    readonly mutedForeground: "#54585e";
+    readonly ocWalletReady: "#15803d";
+    readonly ocWalletSurface: "#ffffff";
+    readonly orange: "#f66d36";
+    readonly orangeDeep: "#ea580b";
+    readonly orangeLight: "#fb933c";
+    readonly outline: "#f2cfc3";
+    readonly peach: "#fed8ab";
+    readonly popover: "#ffffff";
+    readonly popoverForeground: "#0a0a0a";
+    readonly primary: "#0a0a0a";
+    readonly primaryForeground: "#ffffff";
+    readonly ring: "#ea580b";
+    readonly secondary: "#ffffff";
+    readonly secondaryForeground: "#0a0a0a";
+    readonly skeleton: "#e8e8e8";
+    readonly sphereFrom: "#ff6f33";
+    readonly sphereTo: "#ffd9c4";
+    readonly subtleForeground: "#686c72";
+    readonly success: "#15803d";
+    readonly successForeground: "#ffffff";
+    readonly tableHead: "#ededed";
+    readonly warning: "#a15c07";
+    readonly warningForeground: "#ffffff";
+};
+declare const darkPalette: {
+    readonly accent: "#1e1e1e";
+    readonly accentDisplay: "#f66d36";
+    readonly accentForeground: "#fafafa";
+    readonly accentInk: "#f0835a";
+    readonly background: "#0a0a0a";
+    readonly bandLine: "#262626";
+    readonly border: "#2a2a2a";
+    readonly brand: "#f66d36";
+    readonly brandForeground: "#0a0a0a";
+    readonly card: "#161616";
+    readonly cardForeground: "#fafafa";
+    readonly chart1: "#f66d36";
+    readonly chart2: "#3b82f6";
+    readonly chart3: "#f9a8d4";
+    readonly chart4: "#fde047";
+    readonly chartDown: "#f87171";
+    readonly chartGrid: "#2a2a2a";
+    readonly chartNeutral: "#62676e";
+    readonly chartUp: "#4ade80";
+    readonly codeAdded: "#86d39b";
+    readonly codeAddedLine: "#132519";
+    readonly codeComment: "#909397";
+    readonly codeFunction: "#9db4ec";
+    readonly codeKeyword: "#e3a8c2";
+    readonly codeLine: "#2a2a2a";
+    readonly codeLink: "#9db4ec";
+    readonly codeMark: "#1b1b1b";
+    readonly codeNumber: "#fcb781";
+    readonly codePackage: "#e99a8f";
+    readonly codeProperty: "#9db4ec";
+    readonly codePunctuation: "#d5d8dc";
+    readonly codeRemoved: "#f19a9a";
+    readonly codeRemovedLine: "#271414";
+    readonly codeString: "#e99a8f";
+    readonly codeSurface: "#0e0e0e";
+    readonly codeTag: "#e3a8c2";
+    readonly codeType: "#8fd0c2";
+    readonly destructive: "#f87171";
+    readonly destructiveForeground: "#0a0a0a";
+    readonly foreground: "#fafafa";
+    readonly hairlineStrong: "#333333";
+    readonly iconRing: "#333333";
+    readonly iconTile: "#1e1e1e";
+    readonly info: "#93c5fd";
+    readonly infoForeground: "#0a0a0a";
+    readonly ink: "#171717";
+    readonly inkCard: "#1e1e1e";
+    readonly inkEyebrow: "#f0835a";
+    readonly inkForeground: "#ffffff";
+    readonly inkLine: "#2a2a2a";
+    readonly inkMuted: "#d5d8dc";
+    readonly inkSubtle: "#909397";
+    readonly inkTitle: "#fcb781";
+    readonly input: "#6a6a6a";
+    readonly muted: "#1e1e1e";
+    readonly mutedForeground: "#a3a6aa";
+    readonly ocWalletReady: "#4ade80";
+    readonly ocWalletSurface: "#161616";
+    readonly orange: "#f66d36";
+    readonly orangeDeep: "#ea580b";
+    readonly orangeLight: "#fb933c";
+    readonly outline: "#3a2a24";
+    readonly peach: "#fed8ab";
+    readonly popover: "#1a1a1a";
+    readonly popoverForeground: "#fafafa";
+    readonly primary: "#fafafa";
+    readonly primaryForeground: "#0a0a0a";
+    readonly ring: "#f66d36";
+    readonly secondary: "#1c1c1c";
+    readonly secondaryForeground: "#fafafa";
+    readonly skeleton: "#222222";
+    readonly sphereFrom: "#ff6f33";
+    readonly sphereTo: "#ffd9c4";
+    readonly subtleForeground: "#8b8e93";
+    readonly success: "#4ade80";
+    readonly successForeground: "#0a0a0a";
+    readonly tableHead: "#1e1e1e";
+    readonly warning: "#fbbf24";
+    readonly warningForeground: "#0a0a0a";
+};
+
 declare const APP_ATTRIBUTE = "data-oc-app";
 declare const APP_ID = "ochk";
 declare const appColors: {
     readonly light: {
-        readonly background: "#FAFAFA";
-        readonly foreground: "#0A0A0A";
-        readonly card: "#FFFFFF";
-        readonly muted: "#F2F2F2";
-        readonly mutedForeground: "#54585E";
-        readonly subtleForeground: "#686C72";
-        readonly border: "#ECECEC";
-        readonly hairlineStrong: "#DADADA";
-        readonly accentDisplay: "#F55819";
-        readonly accentInk: "#C73F09";
-        readonly ring: "#EA580B";
+        readonly accent: "#f4f4f4";
+        readonly accentDisplay: "#f55819";
+        readonly accentForeground: "#0a0a0a";
+        readonly accentInk: "#c73f09";
+        readonly background: "#fafafa";
+        readonly border: "#ececec";
+        readonly brand: "#f66d36";
+        readonly brandForeground: "#0a0a0a";
+        readonly card: "#ffffff";
+        readonly cardForeground: "#0a0a0a";
+        readonly chart1: "#ea580b";
+        readonly chart2: "#2563eb";
+        readonly chart3: "#9d2b77";
+        readonly chart4: "#92400e";
+        readonly chartDown: "#c2262e";
+        readonly chartGrid: "#ececec";
+        readonly chartNeutral: "#8a8f96";
+        readonly chartUp: "#15803d";
+        readonly codeAdded: "#86d39b";
+        readonly codeAddedLine: "#1a2c20";
+        readonly codeComment: "#909397";
+        readonly codeFunction: "#9db4ec";
+        readonly codeKeyword: "#e3a8c2";
+        readonly codeLine: "#2a2a2a";
+        readonly codeLink: "#9db4ec";
+        readonly codeMark: "#232323";
+        readonly codeNumber: "#fcb781";
+        readonly codePackage: "#e99a8f";
+        readonly codeProperty: "#9db4ec";
+        readonly codePunctuation: "#d5d8dc";
+        readonly codeRemoved: "#f19a9a";
+        readonly codeRemovedLine: "#2f1c1c";
+        readonly codeString: "#e99a8f";
+        readonly codeSurface: "#161616";
+        readonly codeTag: "#e3a8c2";
+        readonly codeType: "#8fd0c2";
+        readonly destructive: "#c2262e";
+        readonly destructiveForeground: "#ffffff";
+        readonly foreground: "#0a0a0a";
+        readonly hairlineStrong: "#dadada";
+        readonly info: "#1d4ed8";
+        readonly infoForeground: "#ffffff";
+        readonly ink: "#0a0a0a";
+        readonly inkCard: "#1e1e1e";
+        readonly inkEyebrow: "#f0835a";
+        readonly inkForeground: "#ffffff";
+        readonly inkLine: "#2a2a2a";
+        readonly inkMuted: "#d5d8dc";
+        readonly inkSubtle: "#909397";
+        readonly inkTitle: "#fcb781";
+        readonly input: "#8f8f8f";
+        readonly muted: "#f2f2f2";
+        readonly mutedForeground: "#54585e";
+        readonly ocWalletReady: "#15803d";
+        readonly ocWalletSurface: "#ffffff";
+        readonly orange: "#f66d36";
+        readonly orangeDeep: "#ea580b";
+        readonly orangeLight: "#fb933c";
+        readonly outline: "#f2cfc3";
+        readonly peach: "#fed8ab";
+        readonly popover: "#ffffff";
+        readonly popoverForeground: "#0a0a0a";
+        readonly primary: "#0a0a0a";
+        readonly primaryForeground: "#ffffff";
+        readonly ring: "#ea580b";
+        readonly secondary: "#ffffff";
+        readonly secondaryForeground: "#0a0a0a";
+        readonly skeleton: "#e8e8e8";
+        readonly sphereFrom: "#ff6f33";
+        readonly sphereTo: "#ffd9c4";
+        readonly subtleForeground: "#686c72";
+        readonly success: "#15803d";
+        readonly successForeground: "#ffffff";
+        readonly tableHead: "#ededed";
+        readonly warning: "#a15c07";
+        readonly warningForeground: "#ffffff";
     };
     readonly dark: {
-        readonly background: "#0A0A0A";
-        readonly foreground: "#FAFAFA";
+        readonly accent: "#1e1e1e";
+        readonly accentDisplay: "#f66d36";
+        readonly accentForeground: "#fafafa";
+        readonly accentInk: "#f0835a";
+        readonly background: "#0a0a0a";
+        readonly bandLine: "#262626";
+        readonly border: "#2a2a2a";
+        readonly brand: "#f66d36";
+        readonly brandForeground: "#0a0a0a";
         readonly card: "#161616";
-        readonly muted: "#1E1E1E";
-        readonly mutedForeground: "#A3A6AA";
-        readonly subtleForeground: "#8B8E93";
-        readonly border: "#2A2A2A";
+        readonly cardForeground: "#fafafa";
+        readonly chart1: "#f66d36";
+        readonly chart2: "#3b82f6";
+        readonly chart3: "#f9a8d4";
+        readonly chart4: "#fde047";
+        readonly chartDown: "#f87171";
+        readonly chartGrid: "#2a2a2a";
+        readonly chartNeutral: "#62676e";
+        readonly chartUp: "#4ade80";
+        readonly codeAdded: "#86d39b";
+        readonly codeAddedLine: "#132519";
+        readonly codeComment: "#909397";
+        readonly codeFunction: "#9db4ec";
+        readonly codeKeyword: "#e3a8c2";
+        readonly codeLine: "#2a2a2a";
+        readonly codeLink: "#9db4ec";
+        readonly codeMark: "#1b1b1b";
+        readonly codeNumber: "#fcb781";
+        readonly codePackage: "#e99a8f";
+        readonly codeProperty: "#9db4ec";
+        readonly codePunctuation: "#d5d8dc";
+        readonly codeRemoved: "#f19a9a";
+        readonly codeRemovedLine: "#271414";
+        readonly codeString: "#e99a8f";
+        readonly codeSurface: "#0e0e0e";
+        readonly codeTag: "#e3a8c2";
+        readonly codeType: "#8fd0c2";
+        readonly destructive: "#f87171";
+        readonly destructiveForeground: "#0a0a0a";
+        readonly foreground: "#fafafa";
         readonly hairlineStrong: "#333333";
-        readonly accentDisplay: "#F66D36";
-        readonly accentInk: "#F0835A";
-        readonly ring: "#F66D36";
+        readonly iconRing: "#333333";
+        readonly iconTile: "#1e1e1e";
+        readonly info: "#93c5fd";
+        readonly infoForeground: "#0a0a0a";
+        readonly ink: "#171717";
+        readonly inkCard: "#1e1e1e";
+        readonly inkEyebrow: "#f0835a";
+        readonly inkForeground: "#ffffff";
+        readonly inkLine: "#2a2a2a";
+        readonly inkMuted: "#d5d8dc";
+        readonly inkSubtle: "#909397";
+        readonly inkTitle: "#fcb781";
+        readonly input: "#6a6a6a";
+        readonly muted: "#1e1e1e";
+        readonly mutedForeground: "#a3a6aa";
+        readonly ocWalletReady: "#4ade80";
+        readonly ocWalletSurface: "#161616";
+        readonly orange: "#f66d36";
+        readonly orangeDeep: "#ea580b";
+        readonly orangeLight: "#fb933c";
+        readonly outline: "#3a2a24";
+        readonly peach: "#fed8ab";
+        readonly popover: "#1a1a1a";
+        readonly popoverForeground: "#fafafa";
+        readonly primary: "#fafafa";
+        readonly primaryForeground: "#0a0a0a";
+        readonly ring: "#f66d36";
+        readonly secondary: "#1c1c1c";
+        readonly secondaryForeground: "#fafafa";
+        readonly skeleton: "#222222";
+        readonly sphereFrom: "#ff6f33";
+        readonly sphereTo: "#ffd9c4";
+        readonly subtleForeground: "#8b8e93";
+        readonly success: "#4ade80";
+        readonly successForeground: "#0a0a0a";
+        readonly tableHead: "#1e1e1e";
+        readonly warning: "#fbbf24";
+        readonly warningForeground: "#0a0a0a";
     };
     readonly brand: {
         readonly orange: "#F66D36";
@@ -41,4 +334,4 @@ declare const appFonts: {
     readonly 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 };

package/dist/tokens.js

@@ -1,35 +1,173 @@
 'use strict';
 
+// 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",
@@ -48,5 +186,7 @@ exports.APP_ATTRIBUTE = APP_ATTRIBUTE;
 exports.APP_ID = APP_ID;
 exports.appColors = appColors;
 exports.appFonts = appFonts;
+exports.darkPalette = darkPalette;
+exports.lightPalette = lightPalette;
 //# sourceMappingURL=tokens.js.map
 //# sourceMappingURL=tokens.js.map

package/dist/tokens.js.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.js","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":";;;AAGO,IAAM,YAAA,GAAe;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,aAAA,EAAe,SAAA;AAAA,EACf,gBAAA,EAAkB,SAAA;AAAA,EAClB,SAAA,EAAW,SAAA;AAAA,EACX,UAAA,EAAY,SAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,IAAA,EAAM,SAAA;AAAA,EACN,cAAA,EAAgB,SAAA;AAAA,EAChB,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,YAAA,EAAc,SAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,aAAA,EAAe,SAAA;AAAA,EACf,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,WAAA,EAAa,SAAA;AAAA,EACb,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,eAAA,EAAiB,SAAA;AAAA,EACjB,WAAA,EAAa,SAAA;AAAA,EACb,eAAA,EAAiB,SAAA;AAAA,EACjB,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU,SAAA;AAAA,EACV,WAAA,EAAa,SAAA;AAAA,EACb,qBAAA,EAAuB,SAAA;AAAA,EACvB,UAAA,EAAY,SAAA;AAAA,EACZ,cAAA,EAAgB,SAAA;AAAA,EAChB,IAAA,EAAM,SAAA;AAAA,EACN,cAAA,EAAgB,SAAA;AAAA,EAChB,GAAA,EAAK,SAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,UAAA,EAAY,SAAA;AAAA,EACZ,aAAA,EAAe,SAAA;AAAA,EACf,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EACX,QAAA,EAAU,SAAA;AAAA,EACV,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,aAAA,EAAe,SAAA;AAAA,EACf,eAAA,EAAiB,SAAA;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,SAAA;AAAA,EACP,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW,SAAA;AAAA,EACX,mBAAA,EAAqB,SAAA;AAAA,EACrB,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,SAAA;AAAA,EACZ,QAAA,EAAU,SAAA;AAAA,EACV,gBAAA,EAAkB,SAAA;AAAA,EAClB,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,SAAA,EAAW,SAAA;AAAA,EACX,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB;AACvB;AAGO,IAAM,WAAA,GAAc;AAAA,EACvB,MAAA,EAAQ,SAAA;AAAA,EACR,aAAA,EAAe,SAAA;AAAA,EACf,gBAAA,EAAkB,SAAA;AAAA,EAClB,SAAA,EAAW,SAAA;AAAA,EACX,UAAA,EAAY,SAAA;AAAA,EACZ,QAAA,EAAU,SAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,IAAA,EAAM,SAAA;AAAA,EACN,cAAA,EAAgB,SAAA;AAAA,EAChB,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,YAAA,EAAc,SAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,aAAA,EAAe,SAAA;AAAA,EACf,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,WAAA,EAAa,SAAA;AAAA,EACb,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,eAAA,EAAiB,SAAA;AAAA,EACjB,WAAA,EAAa,SAAA;AAAA,EACb,eAAA,EAAiB,SAAA;AAAA,EACjB,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU,SAAA;AAAA,EACV,WAAA,EAAa,SAAA;AAAA,EACb,qBAAA,EAAuB,SAAA;AAAA,EACvB,UAAA,EAAY,SAAA;AAAA,EACZ,cAAA,EAAgB,SAAA;AAAA,EAChB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,IAAA,EAAM,SAAA;AAAA,EACN,cAAA,EAAgB,SAAA;AAAA,EAChB,GAAA,EAAK,SAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,UAAA,EAAY,SAAA;AAAA,EACZ,aAAA,EAAe,SAAA;AAAA,EACf,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EACX,QAAA,EAAU,SAAA;AAAA,EACV,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,aAAA,EAAe,SAAA;AAAA,EACf,eAAA,EAAiB,SAAA;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,SAAA;AAAA,EACP,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW,SAAA;AAAA,EACX,mBAAA,EAAqB,SAAA;AAAA,EACrB,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,SAAA;AAAA,EACZ,QAAA,EAAU,SAAA;AAAA,EACV,gBAAA,EAAkB,SAAA;AAAA,EAClB,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB,SAAA;AAAA,EACnB,SAAA,EAAW,SAAA;AAAA,EACX,OAAA,EAAS,SAAA;AAAA,EACT,iBAAA,EAAmB;AACvB;;;ACzJO,IAAM,aAAA,GAAgB;AACtB,IAAM,MAAA,GAAS;AAEf,IAAM,SAAA,GAAY;AAAA;AAAA,EAErB,KAAA,EAAO,YAAA;AAAA,EACP,IAAA,EAAM,WAAA;AAAA,EACN,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.js","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"]}