@encore-os/tokens 0.6.0 → 0.7.0

package/dist/tokens.ts

@@ -5,7 +5,8 @@ export const lightTokens = {
   "mutedForeground": "#586579",
   "surface": "#ffffff",
   "border": "#d1d7e0",
-  "ring": "#0b9fd5",
+  "input": "#7588a3",
+  "ring": "#0a91c2",
   "primary": "#172540",
   "primaryForeground": "#fbfcfd",
   "secondary": "#eceff4",
@@ -14,15 +15,49 @@ export const lightTokens = {
   "cardForeground": "#101928",
   "popover": "#ffffff",
   "popoverForeground": "#101928",
-  "input": "#d1d7e0",
-  "destructiveForeground": "#f9fafb",
   "accent": "#0c90c0",
-  "accentForeground": "#ffffff",
+  "accentForeground": "#101928",
   "accentText": "#086691",
   "destructive": "#d52620",
+  "destructiveForeground": "#fbfcfd",
+  "destructiveHover": "#bf221d",
+  "destructiveText": "#b1201b",
+  "destructiveSubtle": "#f9e7e7",
   "success": "#1d8660",
-  "warning": "#dc8109",
-  "info": "#1468c8"
+  "successForeground": "#ffffff",
+  "successHover": "#1b7957",
+  "successText": "#186d4e",
+  "successSubtle": "#e7f9ee",
+  "warning": "#c47308",
+  "warningForeground": "#0f1729",
+  "warningHover": "#c47308",
+  "warningText": "#8e5306",
+  "warningSubtle": "#fdf3e2",
+  "info": "#1260ba",
+  "infoForeground": "#ffffff",
+  "infoHover": "#1260ba",
+  "infoText": "#0f4d95",
+  "infoSubtle": "#d8e6fd",
+  "chart1": "#1a8bdb",
+  "chart2": "#096d61",
+  "chart3": "#6437be",
+  "chart4": "#905a04",
+  "chart5": "#c72378",
+  "chart6": "#17965b",
+  "chart7": "#d96602",
+  "chart8": "#4e63ef",
+  "chart1Foreground": "#0f1729",
+  "chart2Foreground": "#ffffff",
+  "chart3Foreground": "#ffffff",
+  "chart4Foreground": "#ffffff",
+  "chart5Foreground": "#ffffff",
+  "chart6Foreground": "#0f1729",
+  "chart7Foreground": "#0f1729",
+  "chart8Foreground": "#ffffff",
+  "aiAccent": "#6d4acf",
+  "overlayScrim": "#0c121d8c",
+  "encoreNavy": "#172540",
+  "encoreLight": "#f9fafb"
 } as const;
 export const darkTokens = {
   "background": "#121721",
@@ -31,29 +66,187 @@ export const darkTokens = {
   "mutedForeground": "#9aa6b6",
   "surface": "#1a212d",
   "border": "#2f3846",
+  "input": "#607190",
   "ring": "#36baf2",
   "primary": "#27b5f1",
   "primaryForeground": "#0f1624",
   "secondary": "#242b38",
   "secondaryForeground": "#eff2f6",
   "card": "#1a212d",
-  "cardForeground": "#e6edf6",
-  "popover": "#0f1a2c",
-  "popoverForeground": "#e6edf6",
-  "input": "#2f3846",
-  "destructiveForeground": "#1a0606",
+  "cardForeground": "#eff2f6",
+  "popover": "#1a212d",
+  "popoverForeground": "#eff2f6",
   "accent": "#34c1f4",
   "accentForeground": "#0f1624",
   "accentText": "#34c1f4",
   "destructive": "#ed5f5a",
+  "destructiveForeground": "#0f1624",
+  "destructiveHover": "#eb4d47",
+  "destructiveText": "#f07975",
+  "destructiveSubtle": "#491412",
   "success": "#45c496",
+  "successForeground": "#0f1729",
+  "successHover": "#3ab688",
+  "successText": "#45c496",
+  "successSubtle": "#12492a",
   "warning": "#f3b13f",
-  "info": "#58b0ee"
+  "warningForeground": "#0f1729",
+  "warningHover": "#f3b13f",
+  "warningText": "#f3b13f",
+  "warningSubtle": "#664205",
+  "info": "#58b0ee",
+  "infoForeground": "#0f1729",
+  "infoHover": "#58b0ee",
+  "infoText": "#58b0ee",
+  "infoSubtle": "#052c6b",
+  "chart1": "#36b3fc",
+  "chart2": "#3bfce6",
+  "chart3": "#977ccb",
+  "chart4": "#fdaa26",
+  "chart5": "#f66ab0",
+  "chart6": "#2ad591",
+  "chart7": "#ea771f",
+  "chart8": "#7c7ef4",
+  "chart1Foreground": "#080c16",
+  "chart2Foreground": "#080c16",
+  "chart3Foreground": "#080c16",
+  "chart4Foreground": "#080c16",
+  "chart5Foreground": "#080c16",
+  "chart6Foreground": "#080c16",
+  "chart7Foreground": "#080c16",
+  "chart8Foreground": "#080c16",
+  "aiAccent": "#8e72da",
+  "overlayScrim": "#000000a6",
+  "encoreNavy": "#172540",
+  "encoreLight": "#f9fafb"
+} as const;
+export const lightHslTokens = {
+  "background": "220 20% 97.06%",
+  "foreground": "217.5 42.86% 10.98%",
+  "muted": "210 22.22% 92.94%",
+  "mutedForeground": "216.36 15.79% 40.98%",
+  "surface": "0 0% 100%",
+  "border": "216 19.48% 84.9%",
+  "input": "215.22 20% 54.9%",
+  "ring": "195.98 90.2% 40%",
+  "primary": "219.51 47.13% 17.06%",
+  "primaryForeground": "210 33.33% 98.82%",
+  "secondary": "217.5 26.67% 94.12%",
+  "secondaryForeground": "217.5 42.86% 10.98%",
+  "card": "0 0% 100%",
+  "cardForeground": "217.5 42.86% 10.98%",
+  "popover": "0 0% 100%",
+  "popoverForeground": "217.5 42.86% 10.98%",
+  "accent": "196 88.24% 40%",
+  "accentForeground": "217.5 42.86% 10.98%",
+  "accentText": "198.83 89.54% 30%",
+  "destructive": "1.99 73.88% 48.04%",
+  "destructiveForeground": "210 33.33% 98.82%",
+  "destructiveHover": "1.85 73.64% 43.14%",
+  "destructiveText": "2 73.53% 40%",
+  "destructiveSubtle": "0 60% 94.12%",
+  "success": "158.29 64.42% 31.96%",
+  "successForeground": "0 0% 100%",
+  "successHover": "158.3 63.51% 29.02%",
+  "successText": "158.12 63.91% 26.08%",
+  "successSubtle": "143.33 60% 94.12%",
+  "warning": "34.15 92.16% 40%",
+  "warningForeground": "221.54 46.43% 10.98%",
+  "warningHover": "34.15 92.16% 40%",
+  "warningText": "33.97 91.89% 29.02%",
+  "warningSubtle": "37.78 87.1% 93.92%",
+  "info": "212.14 82.35% 40%",
+  "infoForeground": "0 0% 100%",
+  "infoHover": "212.14 82.35% 40%",
+  "infoText": "212.24 81.71% 32.16%",
+  "infoSubtle": "217.3 90.24% 91.96%",
+  "chart1": "204.87 78.78% 48.04%",
+  "chart2": "172.8 84.75% 23.14%",
+  "chart3": "260 55.1% 48.04%",
+  "chart4": "36.86 94.59% 29.02%",
+  "chart5": "328.9 70.09% 45.88%",
+  "chart6": "152.13 73.41% 33.92%",
+  "chart7": "27.91 98.17% 42.94%",
+  "chart8": "232.17 83.42% 62.16%",
+  "chart1Foreground": "221.54 46.43% 10.98%",
+  "chart2Foreground": "0 0% 100%",
+  "chart3Foreground": "0 0% 100%",
+  "chart4Foreground": "0 0% 100%",
+  "chart5Foreground": "0 0% 100%",
+  "chart6Foreground": "221.54 46.43% 10.98%",
+  "chart7Foreground": "221.54 46.43% 10.98%",
+  "chart8Foreground": "0 0% 100%",
+  "aiAccent": "255.79 58.08% 55.1%",
+  "overlayScrim": "218.82 41.46% 8.04% / 0.55",
+  "encoreNavy": "219.51 47.13% 17.06%",
+  "encoreLight": "210 20% 98.04%"
+} as const;
+export const darkHslTokens = {
+  "background": "220 29.41% 10%",
+  "foreground": "214.29 28% 95.1%",
+  "muted": "221.25 19.51% 16.08%",
+  "mutedForeground": "214.29 16.09% 65.88%",
+  "surface": "217.89 26.76% 13.92%",
+  "border": "216.52 19.66% 22.94%",
+  "input": "218.75 20% 47.06%",
+  "ring": "197.87 87.85% 58.04%",
+  "primary": "197.82 87.83% 54.9%",
+  "primaryForeground": "220 41.18% 10%",
+  "secondary": "219 21.74% 18.04%",
+  "secondaryForeground": "214.29 28% 95.1%",
+  "card": "217.89 26.76% 13.92%",
+  "cardForeground": "214.29 28% 95.1%",
+  "popover": "217.89 26.76% 13.92%",
+  "popoverForeground": "214.29 28% 95.1%",
+  "accent": "195.94 89.72% 58.04%",
+  "accentForeground": "220 41.18% 10%",
+  "accentText": "195.94 89.72% 58.04%",
+  "destructive": "2.04 80.33% 64.12%",
+  "destructiveForeground": "220 41.18% 10%",
+  "destructiveHover": "2.2 80.39% 60%",
+  "destructiveText": "1.95 80.39% 70%",
+  "destructiveSubtle": "2.18 60.44% 17.84%",
+  "success": "158.27 51.84% 51.96%",
+  "successForeground": "221.54 46.43% 10.98%",
+  "successHover": "157.74 51.67% 47.06%",
+  "successText": "158.27 51.84% 51.96%",
+  "successSubtle": "146.18 60.44% 17.84%",
+  "warning": "38 88.24% 60%",
+  "warningForeground": "221.54 46.43% 10.98%",
+  "warningHover": "38 88.24% 60%",
+  "warningText": "38 88.24% 60%",
+  "warningSubtle": "37.73 90.65% 20.98%",
+  "info": "204.8 81.52% 63.92%",
+  "infoForeground": "221.54 46.43% 10.98%",
+  "infoHover": "204.8 81.52% 63.92%",
+  "infoText": "204.8 81.52% 63.92%",
+  "infoSubtle": "217.06 91.07% 21.96%",
+  "chart1": "202.12 97.06% 60%",
+  "chart2": "173.16 96.98% 60.98%",
+  "chart3": "260.51 43.17% 64.12%",
+  "chart4": "36.84 98.17% 57.06%",
+  "chart5": "330 88.61% 69.02%",
+  "chart6": "156.14 67.06% 50%",
+  "chart7": "26.01 82.86% 51.96%",
+  "chart8": "239 84.51% 72.16%",
+  "chart1Foreground": "222.86 46.67% 5.88%",
+  "chart2Foreground": "222.86 46.67% 5.88%",
+  "chart3Foreground": "222.86 46.67% 5.88%",
+  "chart4Foreground": "222.86 46.67% 5.88%",
+  "chart5Foreground": "222.86 46.67% 5.88%",
+  "chart6Foreground": "222.86 46.67% 5.88%",
+  "chart7Foreground": "222.86 46.67% 5.88%",
+  "chart8Foreground": "222.86 46.67% 5.88%",
+  "aiAccent": "256.15 58.43% 65.1%",
+  "overlayScrim": "0 0% 0% / 0.65",
+  "encoreNavy": "219.51 47.13% 17.06%",
+  "encoreLight": "210 20% 98.04%"
 } as const;
 export type TokenName = keyof typeof lightTokens;
 
 export const fontFamily = {
   "sans": "Inter, ui-sans-serif, system-ui, -apple-system, sans-serif",
+  "display": "'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
   "mono": "'JetBrains Mono', ui-monospace, SFMono-Regular, monospace"
 } as const;
 export const fontSize = {
@@ -79,6 +272,27 @@ export const lineHeight = {
   "relaxed": 1.625
 } as const;
 export const typography = { fontFamily, fontSize, fontWeight, lineHeight } as const;
+
+export const radius = {
+  "root": "0.625rem",
+  "sm": "0.375rem",
+  "md": "0.5rem",
+  "lg": "0.625rem",
+  "xl": "0.875rem"
+} as const;
+export const motionDuration = {
+  "instant": "50ms",
+  "normal": "200ms",
+  "slow": "250ms"
+} as const;
+export const motionEasing = {
+  "out": "cubic-bezier(0, 0.3, 0.6, 1)"
+} as const;
+export const elevation = {
+  "card": "0 1px 2px 0 hsl(var(--foreground-hsl) / 0.05)",
+  "cardHover": "0 8px 24px -12px hsl(var(--foreground-hsl) / 0.18)",
+  "popover": "0 16px 40px -20px hsl(var(--foreground-hsl) / 0.28)"
+} as const;
 export type FontFamily = keyof typeof fontFamily;
 export type FontSize = keyof typeof fontSize;
 export type FontWeight = keyof typeof fontWeight;

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@encore-os/tokens",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Encore-OS/encore-design-system.git",
+    "directory": "packages/tokens"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -13,14 +18,14 @@
     "./tokens.css": "./dist/tokens.css",
     ".": {
       "types": "./dist/tokens.d.ts",
-      "import": "./dist/tokens.ts"
+      "import": "./dist/tokens.js"
     },
     "./tokens.json": "./dist/tokens.json"
   },
   "scripts": {
     "build": "bun run scripts/build.ts",
     "parity": "bun run scripts/check-parity.ts",
-    "test": "vitest run",
+    "test": "vitest run --no-file-parallelism",
     "lint": "tsc --noEmit -p ."
   },
   "devDependencies": {