Update src/utils/color

Author: minimal-ui-kit

packages/minimal-shared/CHANGELOG.md

@@ -1,6 +1,6 @@
 # minimal-shared
 
-## 1.0.12
+## 1.0.14
 
 _Jun 10, 2025_
 

packages/minimal-shared/package.json

@@ -1,7 +1,7 @@
 {
   "name": "minimal-shared",
   "author": "Minimals",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Shared hooks and utils used by Minimal UI and Zone UI.",
   "keywords": [
     "typescript",

packages/minimal-shared/src/utils/color/color.ts

@@ -99,7 +99,7 @@ function validateOpacity(opacity: string | number, color: string): string {
   const isPercentage = (val: string) => val.trim().endsWith('%');
 
   const errors = {
-    invalid: `[varAlphaX]: Invalid opacity "${opacity}" for ${color}.`,
+    invalid: `[Alpha]: Invalid opacity "${opacity}" for ${color}.`,
     range: 'Must be a number between 0 and 1 (e.g., 0.48).',
     format: 'Must be a percentage (e.g., "48%") or CSS variable (e.g., "var(--opacity)").',
   };
@@ -112,7 +112,7 @@ function validateOpacity(opacity: string | number, color: string): string {
 
   if (typeof opacity === 'number') {
     if (opacity >= 0 && opacity <= 1) {
-      return `${opacity * 100}%`;
+      return `${Number((opacity * 100).toFixed(2))}%`;
     }
     throw new Error(`${errors.invalid} ${errors.range}`);
   }