@humain/ui 2.2.5 → 2.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humain/ui",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "description": "HUMAIN UI React components, design tokens, Web Components, and agent skills.",
   "license": "Apache-2.0",
   "type": "module",

package/skills/humain-ui/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui
 description: Use when building, migrating, auditing, or bootstrapping React UI with @humain/ui, including pages, dashboards, app shells, forms, dialogs, data tables, charts, AI chat workspaces, or Figma-to-Humain mapping.
 ---
 
-# Humain Foundation UI (v2.2.5)
+# Humain Foundation UI (v2.2.7)
 
 Build product UI with `@humain/ui`, a React 18/19 component library with Tailwind v4, dark mode, design tokens, Web Component projections, and AI-facing references.
 

package/skills/humain-ui/references/foundations.md

@@ -22,7 +22,7 @@ Border: `border-border`, `border-primary`, `border-destructive`
 
 ### Brand Colors
 
-Primary: Humain aqua `bg-primary` (#009688). Air palette starts at `bg-air-50` and centers on `bg-air-500` (#00b89c).
+Primary: Humain aqua `bg-primary` (#00796b). Air palette starts at `bg-air-50` and centers on `bg-air-500` (#00b89c).
 
 **Secondary palettes** (all available as Tailwind utilities):
 - `air-*`: Air (500: #00b89c)

package/skills/humain-ui-wc/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui-wc
 description: Use when building browser-native prototypes, iframe artifacts, static HTML, custom-element demos, framework-neutral integrations, or any HUMAIN UI that must use hf-* Web Components instead of React JSX.
 ---
 
-# Humain Foundation UI Web Components (v2.2.5)
+# Humain Foundation UI Web Components (v2.2.7)
 
 **Identity** - You build HUMAIN interfaces with `hf-*` custom elements. You keep the same product taste, spacing discipline, and component intent as the React `humain-ui` skill, but you only use Web Component APIs that actually exist in the manifest.
 

package/src/tokens.css

@@ -222,8 +222,8 @@
   --indigo-800: #3730a3;
   --indigo-900: #312e81;
   --indigo-950: #1e1b4b;
-  --info: #0284c7;
-  --info-foreground: #000000;
+  --info: #0369a1;
+  --info-foreground: #ffffff;
   --input: #0000001f;
   --lime-100: #ecfccb;
   --lime-200: #d9f99d;
@@ -471,9 +471,9 @@
   --pink-950: #500724;
   --popover: #fffffff2;
   --popover-foreground: #00000099;
-  --primary: #009688;
-  --primary-foreground: #000000;
-  --primary-hover: #00796b;
+  --primary: #00796b;
+  --primary-foreground: #ffffff;
+  --primary-hover: #00695c;
   --purple-100: #f3e8ff;
   --purple-200: #e9d5ff;
   --purple-300: #d8b4fe;
@@ -798,8 +798,8 @@
   --stone-800: #292524;
   --stone-900: #1c1917;
   --stone-950: #0c0a09;
-  --success: #16a34a;
-  --success-foreground: #000000;
+  --success: #15803d;
+  --success-foreground: #ffffff;
   --surface-0: #ffffff;
   --surface-1: #fafafa;
   --surface-2: #f5f5f5;
@@ -843,8 +843,8 @@
   --violet-800: #5b21b6;
   --violet-900: #4c1d95;
   --violet-950: #2e1065;
-  --warning: #d97706;
-  --warning-foreground: #000000;
+  --warning: #a16207;
+  --warning-foreground: #ffffff;
   --width-0: 0px;
   --width-0-5: 2px;
   --width-1: 4px;