origam 2.26.0 → 2.26.1

package/CHANGELOG.md

@@ -18,6 +18,13 @@ This project follows [Semantic Versioning](https://semver.org).
 
 ## [Unreleased]
 
+## [2.26.1] - 2026-10-14
+
+### Fixed — `warnLegacyColor` : dev uniquement, et plus d'avertissement pour `var()` / `color-mix()` (#1099)
+
+- L'avertissement « received a raw color » est desormais garde par `import.meta.env?.DEV` (meme garde que `warnUnsupportedProp`) : il ne sort plus en production et la chaine disparait d'un bundle de production (`.output` marketing : 0 occurrence).
+- `bgColor="var(--brand)"` / `color="color-mix(...)"` ne sont plus traites comme une couleur brute : ce sont le chemin de migration recommande. Le rendu est inchange (canal custom / style inline). `#fff`, `rgb()` etc. avertissent toujours en dev, une fois par valeur.
+
 ## [2.26.0] - 2026-10-14
 
 ### Changed — `OrigamCard`, `OrigamExpansionPanel(Content)`, `OrigamDataTableRows` : le skeleton suit l'anatomie du conteneur (#1073 lot 2b, #1081, #1076)

package/dist/src/utils/Commons/color.util.cjs

@@ -408,7 +408,9 @@ function tokenForegroundForIntent(intent) {
 }
 const _warnedColorKeys = /* @__PURE__ */new Set();
 function warnLegacyColor(kind, value) {
+  if (!process.env?.DEV) return;
   if (typeof console === "undefined") return;
+  if (/^\s*(?:var|color-mix)\(/i.test(value)) return;
   const key = `${kind}::${value}`;
   if (_warnedColorKeys.has(key)) return;
   _warnedColorKeys.add(key);

package/dist/src/utils/Commons/color.util.d.ts

@@ -470,6 +470,13 @@ export declare function tokenForegroundForIntent(intent: TIntent): string;
  * Warn (once per prop / value) that the consumer passed a raw CSS color
  * to a prop where the design system expects a `TIntent`. Raw color
  * support is deprecated and will be removed in v3.0.0.
+ *
+ * @description
+ * Dev-only (`import.meta.env.DEV`, same gate as `warnUnsupportedProp`), so
+ * the message is tree-shaken from production bundles. `var(--x)` and
+ * `color-mix(...)` are NOT raw colors: they are the migration path the DS
+ * recommends (token reference / derived from tokens) and are rendered
+ * through the custom-value channel without any warning.
  ********************************************************/
 export declare function warnLegacyColor(kind: 'color' | 'bgColor', value: string): void;
 /*********************************************************

package/dist/src/utils/Commons/color.util.js

@@ -314,7 +314,9 @@ export function tokenForegroundForIntent(intent) {
 }
 const _warnedColorKeys = /* @__PURE__ */ new Set();
 export function warnLegacyColor(kind, value) {
+  if (!import.meta.env?.DEV) return;
   if (typeof console === "undefined") return;
+  if (/^\s*(?:var|color-mix)\(/i.test(value)) return;
   const key = `${kind}::${value}`;
   if (_warnedColorKeys.has(key)) return;
   _warnedColorKeys.add(key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.26.0",
+  "version": "2.26.1",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [