@orangecheck/app-design 1.4.1 → 1.6.0

package/dist/tokens.d.mts

@@ -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 };