holygrail5 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holygrail5",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Framework CSS generator con Node.js - Genera CSS optimizado con variables CSS desde un archivo JSON de configuración",
   "main": "generate-css.js",
   "style": "dist/output.css",

package/src/.data/.previous-values.json

@@ -4,9 +4,10 @@
     "desktop": "992px"
   },
   "fontFamilyMap": {
-    "primary": "arial, sans-serif",
-    "primary-bold": "\"Arial Bold\", Arial, sans-serif",
-    "secondary": "\"ms-serif\", serif"
+    "primary-light": "\"suisse-light\", Arial, Helvetica, sans-serif",
+    "primary-regular": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+    "primary-bold": "\"suisse-semibold\", Arial, Helvetica, sans-serif",
+    "secondary": "\"suisse-medium\", Arial, Helvetica, sans-serif"
   },
   "spacingMap": {
     "0": "0",
@@ -54,32 +55,39 @@
     "orange": "#B75D0B",
     "mustard": "#FFE693",
     "primary": "#000000",
-    "error": "#b40016",
-    "info": "#1a32a4",
+    "error": "#dd2d01",
+    "info": "#2037a6",
     "success": "#12882C",
-    "warning": "#ffc700",
+    "warning": "#ffce4e",
     "feel": "#fb9962",
     "feel-dark": "#c94c07",
-    "special": "#b99d6b",
-    "vanilla": "#F4F2ED",
     "silver": "#87888D",
     "gold": "#A38A6B",
     "platinum": "#5B7FA1",
-    "charcoal": "#1D1D1D",
-    "bg-light": "#F0F0F0",
-    "c-bg-light": "#000000",
-    "sk-grey": "#e3e3e3",
+    "bg-light": "#f9f9f9",
     "bg-cream": "#f4f2ed"
   },
   "typo": {
+    "title-xxl": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "mobile": {
+        "fontSize": "24px",
+        "lineHeight": "1"
+      },
+      "desktop": {
+        "fontSize": "24px",
+        "lineHeight": "1"
+      }
+    },
     "h2": {
-      "fontFamily": "arial, sans-serif",
-      "fontWeight": "900",
+      "fontFamily": "\"suisse-semibold\", Arial, Helvetica, sans-serif",
+      "fontWeight": "600",
       "letterSpacing": "0rem",
       "textTransform": "none",
       "mobile": {
         "fontSize": "18px",
-        "lineHeight": "1.976"
+        "lineHeight": "1.2"
       },
       "desktop": {
         "fontSize": "24px",
@@ -87,166 +95,225 @@
       }
     },
     "title-l-b": {
-      "fontFamily": "arial, sans-serif",
-      "fontWeight": "700",
-      "letterSpacing": "0rem",
-      "textTransform": "uppercase",
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
       "mobile": {
-        "fontSize": "14px",
-        "lineHeight": "1.2"
+        "fontSize": "12px",
+        "lineHeight": "1.4"
       },
       "desktop": {
-        "fontSize": "14px",
+        "fontSize": "13px",
         "lineHeight": "1.4"
       }
     },
     "title-l": {
-      "fontFamily": "arial, sans-serif",
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.16em",
+      "textTransform": "uppercase",
       "mobile": {
-        "fontSize": "14px",
+        "fontSize": "12px",
         "lineHeight": "1.4"
       },
       "desktop": {
-        "fontSize": "14px",
+        "fontSize": "13px",
         "lineHeight": "1.4"
       }
     },
     "title-m": {
-      "fontFamily": "arial, sans-serif",
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.16em",
       "mobile": {
         "fontSize": "12px",
         "lineHeight": "1.4"
       },
       "desktop": {
-        "fontSize": "12px",
+        "fontSize": "13px",
+        "lineHeight": "1.4"
+      }
+    },
+    "title-s-b": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "letterSpacing": "0.16em",
+      "mobile": {
+        "fontSize": "10px",
+        "lineHeight": "1.4"
+      },
+      "desktop": {
+        "fontSize": "10px",
         "lineHeight": "1.4"
       }
     },
     "title-s": {
-      "fontFamily": "arial, sans-serif",
-      "fontWeight": "400",
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
+      "fontWeight": "100",
+      "letterSpacing": "0.16em",
+      "textTransform": "uppercase",
       "mobile": {
-        "fontSize": "12px",
+        "fontSize": "10px",
         "lineHeight": "1.4"
       },
       "desktop": {
-        "fontSize": "12px",
+        "fontSize": "10px",
         "lineHeight": "1.4"
       }
     },
     "text-l": {
-      "fontFamily": "arial, sans-serif",
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.04em",
       "mobile": {
-        "fontSize": "12px",
+        "fontSize": "13px",
         "lineHeight": "1.5"
       },
       "desktop": {
-        "fontSize": "12px",
+        "fontSize": "13px",
         "lineHeight": "1.5"
       }
     },
     "text-m": {
-      "fontFamily": "arial, sans-serif",
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.04em",
       "mobile": {
         "fontSize": "12px",
         "lineHeight": "1.5"
       },
       "desktop": {
-        "fontSize": "13px",
+        "fontSize": "12px",
         "lineHeight": "1.5"
       }
     },
-    "semantic": {
-      "fontFamily": "arial, sans-serif",
+    "p-tag": {
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.16em",
       "mobile": {
-        "fontSize": "13px",
+        "fontSize": "9px",
         "lineHeight": "1"
       },
       "desktop": {
-        "fontSize": "13px",
+        "fontSize": "10px",
         "lineHeight": "1"
       }
     },
-    "p-tag": {
-      "fontFamily": "arial, sans-serif",
+    "hg-body-l": {
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.04em",
       "mobile": {
-        "fontSize": "8px",
-        "lineHeight": "1"
+        "fontSize": "12px",
+        "lineHeight": "1.5"
       },
       "desktop": {
-        "fontSize": "8px",
-        "lineHeight": "1"
+        "fontSize": "13px",
+        "lineHeight": "1.5"
       }
     },
-    "suisse-1": {
-      "fontFamily": "\"ms-serif\", serif",
+    "hg-body-l-b": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "letterSpacing": "0.04em",
       "mobile": {
-        "fontSize": "16px",
+        "fontSize": "12px",
         "lineHeight": "1.5"
       },
       "desktop": {
-        "fontSize": "20px",
+        "fontSize": "13px",
         "lineHeight": "1.5"
       }
     },
-    "suisse-2": {
-      "fontFamily": "\"ms-serif\", serif",
+    "hg-body-m": {
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
+      "fontWeight": "100",
+      "letterSpacing": "0.04em",
       "mobile": {
-        "fontSize": "13px",
-        "lineHeight": "1.1"
+        "fontSize": "12px",
+        "lineHeight": "1.5"
       },
       "desktop": {
-        "fontSize": "14px",
-        "lineHeight": "1.1"
+        "fontSize": "12px",
+        "lineHeight": "1.5"
       }
     },
-    "suisse-body": {
-      "fontFamily": "\"ms-serif\", serif",
+    "hg-body-m-b": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "letterSpacing": "0.04em",
       "mobile": {
-        "fontSize": "10px",
-        "lineHeight": "1.1"
+        "fontSize": "12px",
+        "lineHeight": "1.5"
       },
       "desktop": {
         "fontSize": "12px",
-        "lineHeight": "1.1"
+        "lineHeight": "1.5"
       }
     },
-    "hg-body-m": {
-      "fontFamily": "arial, sans-serif",
+    "label-m": {
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
       "fontWeight": "100",
+      "letterSpacing": "0.16em",
+      "textTransform": "uppercase",
       "mobile": {
         "fontSize": "12px",
-        "lineHeight": "1.5"
+        "lineHeight": "1"
       },
       "desktop": {
-        "fontSize": "13px",
-        "lineHeight": "1.5"
+        "fontSize": "12px",
+        "lineHeight": "1"
       }
     },
-    "hg-body-m-b": {
-      "fontFamily": "arial, sans-serif",
-      "fontWeight": "400",
+    "label-m-b": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "letterSpacing": "0.16em",
+      "textTransform": "uppercase",
       "mobile": {
         "fontSize": "12px",
-        "lineHeight": "1.5"
+        "lineHeight": "1"
       },
       "desktop": {
-        "fontSize": "13px",
-        "lineHeight": "1.5"
+        "fontSize": "12px",
+        "lineHeight": "1"
+      }
+    },
+    "label-s": {
+      "fontFamily": "\"suisse-light\", Arial, Helvetica, sans-serif",
+      "fontWeight": "100",
+      "letterSpacing": "0.06em",
+      "textTransform": "uppercase",
+      "mobile": {
+        "fontSize": "10px",
+        "lineHeight": "1"
+      },
+      "desktop": {
+        "fontSize": "10px",
+        "lineHeight": "1"
+      }
+    },
+    "label-s-b": {
+      "fontFamily": "\"suisse-regular\", Arial, Helvetica, sans-serif",
+      "fontWeight": "300",
+      "letterSpacing": "0.06em",
+      "textTransform": "uppercase",
+      "mobile": {
+        "fontSize": "10px",
+        "lineHeight": "1"
+      },
+      "desktop": {
+        "fontSize": "10px",
+        "lineHeight": "1"
       }
     }
   },
   "variables": {
-    "--hg-typo-font-family-primary": "arial, sans-serif",
+    "--hg-typo-font-family-primary-regular": "\"suisse-regular\", Arial, Helvetica, sans-serif",
     "--hg-typo-font-family-secondary": "\"ms-serif\", serif",
-    "--hg-typo-font-family-luxury-serif": "'Playfair Display', 'Georgia', serif",
-    "--hg-typo-font-family-elegant-sans": "'IBM Plex Sans', 'Helvetica Neue', sans-serif",
+    "--hg-typo-font-family-serif": "'Playfair Display', 'Georgia', serif",
+    "--hg-typo-font-family-primary-light": "\"suisse-light\", Arial, Helvetica, sans-serif",
+    "--hg-typo-font-family-primary-bold": "\"suisse-semibold\", Arial, Helvetica, sans-serif",
     "--hg-typo-line-height-1": "1",
     "--hg-typo-line-height-1-976": "1.976",
     "--hg-typo-line-height-1-2": "1.2",
@@ -256,6 +323,7 @@
     "--hg-typo-line-height-1-3": "1.3",
     "--hg-typo-line-height-1-6": "1.6",
     "--hg-typo-font-weight-100": "100",
+    "--hg-typo-font-weight-300": "300",
     "--hg-typo-font-weight-400": "400",
     "--hg-typo-font-weight-500": "500",
     "--hg-typo-font-weight-600": "600",
@@ -267,6 +335,9 @@
     "--hg-typo-letter-spacing-0-08": "0.08rem",
     "--hg-typo-letter-spacing-10": "10rem",
     "--hg-typo-letter-spacing-110": "110rem",
+    "--hg-typo-letter-spacing-0-16em": "0.16em",
+    "--hg-typo-letter-spacing-0-04em": "0.04em",
+    "--hg-typo-letter-spacing-0-06em": "0.06em",
     "--hg-typo-text-transform-none": "none",
     "--hg-typo-text-transform-uppercase": "uppercase",
     "--hg-typo-text-transform-otro": "otro",
@@ -281,6 +352,7 @@
     "--hg-typo-font-size-8": "0.5rem",
     "--hg-typo-font-size-32": "2rem",
     "--hg-typo-font-size-48": "3rem",
+    "--hg-typo-font-size-9": "0.5625rem",
     "--hg-spacing-0": "0",
     "--hg-spacing-4": "0.25rem",
     "--hg-spacing-8": "0.5rem",
@@ -324,21 +396,16 @@
     "--hg-color-orange": "#B75D0B",
     "--hg-color-mustard": "#FFE693",
     "--hg-color-primary": "#000000",
-    "--hg-color-error": "#b40016",
-    "--hg-color-info": "#1a32a4",
+    "--hg-color-error": "#dd2d01",
+    "--hg-color-info": "#2037a6",
     "--hg-color-success": "#12882C",
-    "--hg-color-warning": "#ffc700",
+    "--hg-color-warning": "#ffce4e",
     "--hg-color-feel": "#fb9962",
     "--hg-color-feel-dark": "#c94c07",
-    "--hg-color-special": "#b99d6b",
-    "--hg-color-vanilla": "#F4F2ED",
     "--hg-color-silver": "#87888D",
     "--hg-color-gold": "#A38A6B",
     "--hg-color-platinum": "#5B7FA1",
-    "--hg-color-charcoal": "#1D1D1D",
-    "--hg-color-bg-light": "#F0F0F0",
-    "--hg-color-c-bg-light": "#000000",
-    "--hg-color-sk-grey": "#e3e3e3",
+    "--hg-color-bg-light": "#f9f9f9",
     "--hg-color-bg-cream": "#f4f2ed"
   }
 }

package/src/build/asset-manager.js

@@ -25,6 +25,64 @@ const ASSETS_CONFIG = {
       source: 'src/assets/margen.webp',
       dest: 'dist/assets/margen.webp'
     }
+  ],
+  fonts: [
+    {
+      source: 'src/assets/fonts/suisse-intl-light.woff2',
+      dest: 'dist/assets/fonts/suisse-intl-light.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-light.woff',
+      dest: 'dist/assets/fonts/suisse-intl-light.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-regular.woff2',
+      dest: 'dist/assets/fonts/suisse-intl-regular.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-regular.woff',
+      dest: 'dist/assets/fonts/suisse-intl-regular.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-medium.woff2',
+      dest: 'dist/assets/fonts/suisse-intl-medium.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-medium.woff',
+      dest: 'dist/assets/fonts/suisse-intl-medium.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-semibold.woff2',
+      dest: 'dist/assets/fonts/suisse-intl-semibold.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-intl-semibold.woff',
+      dest: 'dist/assets/fonts/suisse-intl-semibold.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-regular.woff2',
+      dest: 'dist/assets/fonts/suisse-works-regular.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-regular.woff',
+      dest: 'dist/assets/fonts/suisse-works-regular.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-medium.woff2',
+      dest: 'dist/assets/fonts/suisse-works-medium.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-medium.woff',
+      dest: 'dist/assets/fonts/suisse-works-medium.woff'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-bold.woff2',
+      dest: 'dist/assets/fonts/suisse-works-bold.woff2'
+    },
+    {
+      source: 'src/assets/fonts/suisse-works-bold.woff',
+      dest: 'dist/assets/fonts/suisse-works-bold.woff'
+    }
   ]
 };
 
@@ -107,15 +165,32 @@ class AssetManager {
   }
 
   /**
-   * Copia todos los assets (CSS e imágenes)
-   * @param {string|Array} types - 'all', 'css', 'images', o array de tipos
+   * Copia todas las fuentes configuradas
+   * @param {boolean} silent - Si true, no muestra mensajes
+   * @returns {number} - Número de archivos copiados exitosamente
+   */
+  copyFonts(silent = false) {
+    let count = 0;
+    const fonts = this.assetsConfig.fonts || [];
+    fonts.forEach(({ source, dest }) => {
+      if (this.copyFile(source, dest, silent)) {
+        count++;
+      }
+    });
+    return count;
+  }
+
+  /**
+   * Copia todos los assets (CSS, imágenes y fuentes)
+   * @param {string|Array} types - 'all', 'css', 'images', 'fonts', o array de tipos
    * @param {boolean} silent - Si true, no muestra mensajes
    * @returns {Object} - Objeto con conteo de archivos copiados por tipo
    */
   copyAssets(types = 'all', silent = false) {
     const result = {
       css: 0,
-      images: 0
+      images: 0,
+      fonts: 0
     };
 
     if (types === 'all' || (Array.isArray(types) && types.includes('css')) || types === 'css') {
@@ -126,6 +201,10 @@ class AssetManager {
       result.images = this.copyImages(silent);
     }
 
+    if (types === 'all' || (Array.isArray(types) && types.includes('fonts')) || types === 'fonts') {
+      result.fonts = this.copyFonts(silent);
+    }
+
     return result;
   }
 
@@ -146,6 +225,18 @@ class AssetManager {
   addImageAsset(source, dest) {
     this.assetsConfig.images.push({ source, dest });
   }
+
+  /**
+   * Agrega una fuente a la configuración
+   * @param {string} source - Ruta relativa al proyecto
+   * @param {string} dest - Ruta relativa al proyecto
+   */
+  addFontAsset(source, dest) {
+    if (!this.assetsConfig.fonts) {
+      this.assetsConfig.fonts = [];
+    }
+    this.assetsConfig.fonts.push({ source, dest });
+  }
 }
 
 module.exports = { AssetManager, ASSETS_CONFIG };