siesa-agents 2.1.63 → 2.1.64

package/bmad/bmm/workflows/3-solutioning/create-architecture/data/company-standards/technical-preferences-ux.md

@@ -36,18 +36,18 @@ resources/
 #### Primary Colors (Brand)
 ```css
 :root {
-  /* Primary Color: #0E79FD */
-  --color-primary-50: #eff8ff;
-  --color-primary-100: #dbf0ff;
-  --color-primary-200: #bfe3ff;
-  --color-primary-300: #93d2ff;
-  --color-primary-400: #60b6ff;
-  --color-primary-500: #0E79FD; /* Main Primary Color */
-  --color-primary-600: #0b6ae6;
-  --color-primary-700: #0959c2;
-  --color-primary-800: #0e4a9e;
-  --color-primary-900: #123f80;
-  --color-primary-950: #11274d;
+  /* Primary Color: #0e79fd (PrimaryCustom - Siesa UI Kit) */
+  --color-primary-50: #f7fcff;
+  --color-primary-100: #dbeefe;
+  --color-primary-200: #bfe2fe;
+  --color-primary-300: #93d1fd;
+  --color-primary-400: #60b6fa;
+  --color-primary-500: #3c9bf6;
+  --color-primary-600: #0e79fd; /* Main Primary Color */
+  --color-primary-700: #0f6ae3;
+  --color-primary-800: #1355b7;
+  --color-primary-900: #154990;
+  --color-primary-950: #112d57;
 }
 ```
 
@@ -55,16 +55,16 @@ resources/
 ```css
 :root {
   /* Secondary Color: #000000 (Black) - Brand Secondary, NOT for grays/backgrounds */
-  --color-secondary-50: #f8f8f8;
-  --color-secondary-100: #f0f0f0;
-  --color-secondary-200: #e4e4e4;
-  --color-secondary-300: #d1d1d1;
-  --color-secondary-400: #b4b4b4;
-  --color-secondary-500: #9a9a9a;
-  --color-secondary-600: #818181;
-  --color-secondary-700: #6a6a6a;
-  --color-secondary-800: #5a5a5a;
-  --color-secondary-900: #4e4e4e;
+  --color-secondary-50: #f6f6f6;
+  --color-secondary-100: #e7e7e7;
+  --color-secondary-200: #d1d1d1;
+  --color-secondary-300: #b0b0b0;
+  --color-secondary-400: #888888;
+  --color-secondary-500: #6d6d6d;
+  --color-secondary-600: #5d5d5d;
+  --color-secondary-700: #4f4f4f;
+  --color-secondary-800: #454545;
+  --color-secondary-900: #3d3d3d;
   --color-secondary-950: #000000; /* Main Secondary Color */
 }
 ```
@@ -72,18 +72,18 @@ resources/
 #### Tertiary Colors (Brand)
 ```css
 :root {
-  /* Tertiary Color: #154ca9 */
-  --color-tertiary-50: #eff6ff;
-  --color-tertiary-100: #dbeafe;
-  --color-tertiary-200: #bfdbfe;
-  --color-tertiary-300: #93c5fd;
-  --color-tertiary-400: #60a5fa;
-  --color-tertiary-500: #3b82f6;
-  --color-tertiary-600: #2563eb;
-  --color-tertiary-700: #154ca9; /* Main Tertiary Color */
-  --color-tertiary-800: #1e3a8a;
-  --color-tertiary-900: #1e3a8a;
-  --color-tertiary-950: #172554;
+  /* Tertiary Color: #154ca9 (TertiaryCustom - Siesa UI Kit) */
+  --color-tertiary-50: #eef8ff;
+  --color-tertiary-100: #d9efff;
+  --color-tertiary-200: #bce4ff;
+  --color-tertiary-300: #8ed4ff;
+  --color-tertiary-400: #58bbff;
+  --color-tertiary-500: #329cff;
+  --color-tertiary-600: #1b7df5;
+  --color-tertiary-700: #1465e1;
+  --color-tertiary-800: #154ca9; /* Main Tertiary Color */
+  --color-tertiary-900: #19478f;
+  --color-tertiary-950: #051938;
 }
 ```
 
@@ -100,7 +100,7 @@ resources/
 ```yaml
 color_rules:
   tailwind_first: "Use theme() for system colors"
-  brand_only: "Hex codes for brand colors (#0E79FD, #154ca9, #000000)"
+  brand_only: "Hex codes for brand colors (#0e79fd, #154ca9, #000000)"
   css: "theme() in custom properties"
   classes: "Direct utility classes (bg-slate-200)"
 ```
@@ -141,9 +141,9 @@ dark_mode:
 ```css
 .dark {
   /* Primary - Enhanced contrast for dark backgrounds */
-  --color-primary-400: #60b6ff;
-  --color-primary-500: #3b9eff;
-  --color-primary-600: #0E79FD;
+  --color-primary-400: #60b6fa;
+  --color-primary-500: #3c9bf6;
+  --color-primary-600: #0e79fd;
   
   /* Secondary alternatives for dark mode visibility */
   --color-secondary-alt-50: theme('colors.slate.50');
@@ -151,16 +151,16 @@ dark_mode:
   --color-secondary-alt-200: theme('colors.slate.300');
   
   /* Tertiary - Optimized for dark mode */
-  --color-tertiary-400: #60a5fa;
-  --color-tertiary-500: #3b82f6;
-  --color-tertiary-600: #154ca9;
+  --color-tertiary-400: #58bbff;
+  --color-tertiary-500: #329cff;
+  --color-tertiary-600: #1b7df5;
 }
 ```
 
 #### Tailwind Classes for Dark Mode
 ```yaml
 text_colors:
-  primary: "text-gray-900 dark:text-gray-50"
+  primary: "text-zinc-900 dark:text-zinc-50"
   secondary: "text-gray-700 dark:text-gray-300"
   muted: "text-gray-500 dark:text-gray-400"
   disabled: "text-gray-400 dark:text-gray-600"
@@ -168,7 +168,7 @@ text_colors:
 brand_colors:
   primary: "text-primary-600 dark:text-primary-400"
   secondary: "text-secondary-950 dark:text-slate-50"
-  tertiary: "text-tertiary-700 dark:text-tertiary-400"
+  tertiary: "text-tertiary-800 dark:text-tertiary-400"
 
 surfaces:
   page: "bg-white dark:bg-slate-950"
@@ -179,10 +179,11 @@ surfaces:
 borders:
   subtle: "border-slate-200 dark:border-slate-700"
   prominent: "border-slate-300 dark:border-slate-600"
-  focus: "ring-primary-500 dark:ring-primary-400"
+  tertiary: "border-zinc-400 dark:border-zinc-400"
+  focus: "ring-primary-600 dark:ring-primary-400"
 
 buttons:
-  primary: "bg-primary-500 text-white hover:bg-primary-600 dark:bg-primary-600 dark:hover:bg-primary-500"
+  primary: "bg-primary-600 text-white hover:bg-primary-700 dark:bg-primary-600 dark:hover:bg-primary-500"
   secondary: "bg-slate-200 text-slate-900 hover:bg-slate-300 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600"
   ghost: "text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"
 
@@ -206,45 +207,45 @@ module.exports = {
     extend: {
       colors: {
         primary: {
-          50: '#eff8ff',
-          100: '#dbf0ff',
-          200: '#bfe3ff',
-          300: '#93d2ff',
-          400: '#60b6ff',  // Enhanced for dark mode
-          500: '#0E79FD',  // Main brand color
-          600: '#0b6ae6',
-          700: '#0959c2',
-          800: '#0e4a9e',
-          900: '#123f80',
-          950: '#11274d',
+          50: '#f7fcff',
+          100: '#dbeefe',
+          200: '#bfe2fe',
+          300: '#93d1fd',
+          400: '#60b6fa',
+          500: '#3c9bf6',
+          600: '#0e79fd',  // Main brand color
+          700: '#0f6ae3',
+          800: '#1355b7',
+          900: '#154990',
+          950: '#112d57',
         },
         secondary: {
           // Custom neutral scale for brand secondary
-          50: '#f8f8f8',
-          100: '#f0f0f0',
-          200: '#e4e4e4',
-          300: '#d1d1d1',
-          400: '#b4b4b4',
-          500: '#9a9a9a',
-          600: '#818181',
-          700: '#6a6a6a',
-          800: '#5a5a5a',
-          900: '#4e4e4e',
+          50: '#f6f6f6',
+          100: '#e7e7e7',
+          200: '#d1d1d1',
+          300: '#b0b0b0',
+          400: '#888888',
+          500: '#6d6d6d',
+          600: '#5d5d5d',
+          700: '#4f4f4f',
+          800: '#454545',
+          900: '#3d3d3d',
           950: '#000000',  // Main secondary color
         },
         tertiary: {
-          // Keep original tertiary color scale as defined
-          50: '#eff6ff',
-          100: '#dbeafe',
-          200: '#bfdbfe',
-          300: '#93c5fd',
-          400: '#60a5fa',
-          500: '#3b82f6',
-          600: '#2563eb',
-          700: '#154ca9',  // Main tertiary color (custom)
-          800: '#1e3a8a',
-          900: '#1e3a8a',
-          950: '#172554',
+          // TertiaryCustom scale from Siesa UI Kit
+          50: '#eef8ff',
+          100: '#d9efff',
+          200: '#bce4ff',
+          300: '#8ed4ff',
+          400: '#58bbff',
+          500: '#329cff',
+          600: '#1b7df5',
+          700: '#1465e1',
+          800: '#154ca9',  // Main tertiary color (custom)
+          900: '#19478f',
+          950: '#051938',
         }
       }
     }
@@ -278,9 +279,9 @@ module.exports = {
 ```yaml
 typography:
   headings:
-    h1: "text-4xl font-bold leading-tight"
-    h2: "text-3xl font-bold leading-tight"
-    h3: "text-2xl font-semibold leading-snug"
+    h1: "text-4xl font-bold leading-tight tracking-tight"
+    h2: "text-3xl font-bold leading-tight tracking-tight"
+    h3: "text-2xl font-semibold leading-snug tracking-tight"
     h4: "text-xl font-semibold leading-snug"
     h5: "text-lg font-medium leading-normal"
     h6: "text-base font-medium leading-normal"
@@ -345,7 +346,7 @@ icons:
     
   colors:
     inherit: "text-current"
-    primary: "text-primary-500"
+    primary: "text-primary-600"
     secondary: "text-secondary-600"
     neutral: "text-gray-500"
 ```
@@ -370,7 +371,7 @@ skeleton:
 accessibility:
   color_contrast: "4.5:1 minimum (WCAG 2.1 AA)"
   large_text_contrast: "3.1:1 minimum"
-  focus_indicators: "2px solid var(--color-primary-500)"
+  focus_indicators: "2px solid var(--color-primary-600)"
   touch_targets: "44px minimum"
   font_size_minimum: "16px"
   line_length_maximum: "75ch"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siesa-agents",
-  "version": "2.1.63",
+  "version": "2.1.64",
   "description": "Paquete para instalar y configurar agentes SIESA en tu proyecto",
   "main": "index.js",
   "bin": {