desy-html 12.1.0 → 13.0.0

package/docs/plantillas.html

@@ -1,89 +1,89 @@
-{% set title = "Plantillas para desy-html. Gobierno de Aragón" %}
-{% set activePage = "page-plantillas" %}
-{% extends "_template.default.njk" %}
-
-{% block contentBlock %}
-  <div class="lg:w-3/4">
-    <div class="pb-lg"></div>
-    <h1 class="c-h1">Plantillas</h1>
-    <p class="c-paragraph-base">
-      Aqui encontrarás plantillas de página típicas que se utilizan en aplicaciones del Gobierno de Aragón. Los ejemplos que aquí aparecen han pasado revisiones de accesibilidad, por lo que son seguros para ser utilizados en tus proyectos como punto de partida.
-    </p>
-
-    <div class="pb-lg"></div>
-
-    <h2 id="plantillas" class="c-h2">Plantillas de página</h2>
-    <ul class="mb-lg">
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-sin-loguear.html">Plantilla sin loguear</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-titulo-de-app.html">Plantilla logueado con título de app</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-selector-de-app.html">Plantilla logueado con selector de app</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-cabecera-fija.html">Plantilla logueado con cabecera fija</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-cabecera-fija-headroom.html">Plantilla logueado con cabecera fija con librería headroom.js</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-editar-con-cabecera-fija.html">Plantilla editar con cabecera fija</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-editar-con-cabecera-fija-y-sidebar-sticky.html">Plantilla editar con cabecera fija y sidebar sticky</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-selector-de-app-y-subheader.html">Plantilla logueado con selector de app y subheader</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-logueado-con-selector-de-app-y-sidebar.html">Plantilla logueado con selector de app y sidebar</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="plantilla-con-header-advanced.html">Plantilla con header advanced</a>
-      </li>
-    </ul>
-
-    <div class="pb-lg"></div>
-
-    <h2 id="spinners" class="c-h2">Spinners en plantillas</h2>
-    <ul class="mb-lg">
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-sin-loguear.html">Spinner de página en Plantilla sin loguear</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-logueado-con-titulo-de-app.html">Spinner de contenido en Plantilla logueado con título de app</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-logueado-con-cabecera-fija.html">Spinner de contenido en Plantilla logueado con cabecera fija</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-editar-con-cabecera-fija.html">Spinner de contenido en Plantilla editar con cabecera fija</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-logueado-con-selector-de-app-y-subheader.html">Spinner de contenido en Plantilla logueado con selector de app y subheader</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="spinner-plantilla-con-header-advanced.html">Spinner de contenido en Plantilla con header advanced</a>
-      </li>
-    </ul>
-
-    <div class="pb-lg"></div>
-
-    <h2 id="paginas" class="c-h2">Páginas</h2>
-    <h3 class="c-h3">Páginas varias</h3>
-    <p class="c-paragraph-base">
-      Esto son ejemplos de varios tipos de páginas de una aplicación.
-    </p>
-    <ul class="mb-lg">
-      <li class="mb-base">
-        <a class="c-link" href="pagina-mapa-web.html">Mapa web</a>
-      </li>
-      <li class="mb-base">
-        <a class="c-link" href="pagina-accesibilidad.html">Accesibilidad</a>
-      </li>
-    </ul>
-  </div>
+{% set title = "Plantillas para desy-html. Gobierno de Aragón" %}
+{% set activePage = "page-plantillas" %}
+{% extends "_template.default.njk" %}
+
+{% block contentBlock %}
+  <div class="lg:w-3/4">
+    <div class="pb-lg"></div>
+    <h1 class="c-h1">Plantillas</h1>
+    <p class="c-paragraph-base">
+      Aqui encontrarás plantillas de página típicas que se utilizan en aplicaciones del Gobierno de Aragón. Los ejemplos que aquí aparecen han pasado revisiones de accesibilidad, por lo que son seguros para ser utilizados en tus proyectos como punto de partida.
+    </p>
+
+    <div class="pb-lg"></div>
+
+    <h2 id="plantillas" class="c-h2">Plantillas de página</h2>
+    <ul class="mb-lg">
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-sin-loguear.html">Plantilla sin loguear</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-titulo-de-app.html">Plantilla logueado con título de app</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-selector-de-app.html">Plantilla logueado con selector de app</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-cabecera-fija.html">Plantilla logueado con cabecera fija</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-cabecera-fija-headroom.html">Plantilla logueado con cabecera fija con librería headroom.js</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-editar-con-cabecera-fija.html">Plantilla editar con cabecera fija</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-editar-con-cabecera-fija-y-sidebar-sticky.html">Plantilla editar con cabecera fija y sidebar sticky</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-selector-de-app-y-subheader.html">Plantilla logueado con selector de app y subheader</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-logueado-con-selector-de-app-y-sidebar.html">Plantilla logueado con selector de app y sidebar</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="plantilla-con-header-advanced.html">Plantilla con header advanced</a>
+      </li>
+    </ul>
+
+    <div class="pb-lg"></div>
+
+    <h2 id="spinners" class="c-h2">Spinners en plantillas</h2>
+    <ul class="mb-lg">
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-sin-loguear.html">Spinner de página en Plantilla sin loguear</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-logueado-con-titulo-de-app.html">Spinner de contenido en Plantilla logueado con título de app</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-logueado-con-cabecera-fija.html">Spinner de contenido en Plantilla logueado con cabecera fija</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-editar-con-cabecera-fija.html">Spinner de contenido en Plantilla editar con cabecera fija</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-logueado-con-selector-de-app-y-subheader.html">Spinner de contenido en Plantilla logueado con selector de app y subheader</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="spinner-plantilla-con-header-advanced.html">Spinner de contenido en Plantilla con header advanced</a>
+      </li>
+    </ul>
+
+    <div class="pb-lg"></div>
+
+    <h2 id="paginas" class="c-h2">Páginas</h2>
+    <h3 class="c-h3">Páginas varias</h3>
+    <p class="c-paragraph-base">
+      Esto son ejemplos de varios tipos de páginas de una aplicación.
+    </p>
+    <ul class="mb-lg">
+      <li class="mb-base">
+        <a class="c-link" href="pagina-mapa-web.html">Mapa web</a>
+      </li>
+      <li class="mb-base">
+        <a class="c-link" href="pagina-accesibilidad.html">Accesibilidad</a>
+      </li>
+    </ul>
+  </div>
 {% endblock %}

package/docs/spinner-plantilla-con-header-advanced.html

@@ -1,2 +1,2 @@
-{% set title = "Spinner de contenido en Plantilla con header advanced. Gobierno de Aragón" %}
+{% set title = "Spinner de contenido en Plantilla con header advanced. Gobierno de Aragón" %}
 {% extends "pages/_template.with-header-advanced.njk" %}

package/docs/spinner-plantilla-editar-con-cabecera-fija.html

@@ -1,5 +1,5 @@
-{% set title = "Spinner de contenido en Plantilla editar con cabecera fija. Gobierno de Aragón" %}
-{% extends "pages/_template.edit-fixed.njk" %}
-
-{# Use headerTitleEditBlock and headerActionsEditBlock template blocks to customize the fixed header #}
-
+{% set title = "Spinner de contenido en Plantilla editar con cabecera fija. Gobierno de Aragón" %}
+{% extends "pages/_template.edit-fixed.njk" %}
+
+{# Use headerTitleEditBlock and headerActionsEditBlock template blocks to customize the fixed header #}
+

package/docs/spinner-plantilla-logueado-con-cabecera-fija.html

@@ -1,2 +1,2 @@
-{% set title = "Spinner de contenido en Plantilla logueado con cabecera fija. Gobierno de Aragón" %}
+{% set title = "Spinner de contenido en Plantilla logueado con cabecera fija. Gobierno de Aragón" %}
 {% extends "pages/_template.logged-selector-fixed.njk" %}

package/docs/spinner-plantilla-logueado-con-selector-de-app-y-subheader.html

@@ -1,4 +1,4 @@
-{% set title = "Spinner de contenido en Plantilla logueado con selector de app y subheader. Gobierno de Aragón" %}
-{% extends "pages/_template.logged-selector-subheader.njk" %}
-
-
+{% set title = "Spinner de contenido en Plantilla logueado con selector de app y subheader. Gobierno de Aragón" %}
+{% extends "pages/_template.logged-selector-subheader.njk" %}
+
+

package/docs/spinner-plantilla-logueado-con-titulo-de-app.html

@@ -1,2 +1,2 @@
-{% set title = "Spinner de contenido en Plantilla logueado con título de app. Gobierno de Aragón" %}
+{% set title = "Spinner de contenido en Plantilla logueado con título de app. Gobierno de Aragón" %}
 {% extends "pages/_template.logged.njk" %}

package/docs/spinner-plantilla-sin-loguear.html

@@ -1,18 +1,18 @@
-{% set title = "Spinner de página en Plantilla sin loguear. Gobierno de Aragón" %}
-{% extends "pages/_template.logged-out.njk" %}
-
-{% block pageSpinnerBlock %}
-  {% include "pages/_page.spinner-show.njk" %}
-{% endblock %}
-{% block headerBlock %}
-{% endblock %}
-{% block notificationHeaderBlock %}
-{% endblock %}
-{% block contentBlock %}
-{% endblock %}
-{% block notificationFooterBlock %}
-{% endblock %}
-{% block footerBlock %}
-{% endblock %}
-{% block modalBlock %}
+{% set title = "Spinner de página en Plantilla sin loguear. Gobierno de Aragón" %}
+{% extends "pages/_template.logged-out.njk" %}
+
+{% block pageSpinnerBlock %}
+  {% include "pages/_page.spinner-show.njk" %}
+{% endblock %}
+{% block headerBlock %}
+{% endblock %}
+{% block notificationHeaderBlock %}
+{% endblock %}
+{% block contentBlock %}
+{% endblock %}
+{% block notificationFooterBlock %}
+{% endblock %}
+{% block footerBlock %}
+{% endblock %}
+{% block modalBlock %}
 {% endblock %}

package/gulpfile.js

@@ -1,127 +1,127 @@
-// https://github.com/idmytro/tailwindcss-gulp-starter
-// https://gist.github.com/taylorbryant/91fc05b12472a88a8b6494f610647cd4
-
-import gulp from 'gulp';
-import sourcemaps from 'gulp-sourcemaps';
-import clean from 'gulp-clean';
-import nunjucksRender from 'gulp-nunjucks-render';
-import browserSyncPackage from 'browser-sync';
-import postcss from 'gulp-postcss';
-import atimport from 'postcss-import';
-import stripCssComments from 'gulp-strip-css-comments';
-import footer from 'gulp-footer';
-import tailwindcss from 'tailwindcss';
-import tailwindcssNesting from 'tailwindcss/nesting/index.js';
-import autoprefixer from 'autoprefixer';
-import babel from 'gulp-babel';
-
-import { SOURCE_NUNJUCKS_GLOBALS } from './src/js/globals/index.js';
-import { SOURCE_NUNJUCKS_FILTERS } from './src/js/filters/index.js';
-
-import { series } from 'gulp';
-
-const browserSync = browserSyncPackage.create();
-
-const TAILWIND_CONFIG = './config/tailwind.config.js';
-const SOURCE_HTML_DIR = './docs/**.html';
-const SOURCE_NUNJUCKS_PATHS = ['./src/templates/','./docs/'];
-const SOURCE_NUNJUCKS_FILES = ['./src/templates/**/*','./docs/**/*'];
-const SOURCE_NUNJUCKS_DIR = './docs/**/*.html';
-const SOURCE_JS_FILES = ['./src/**/*.js','!./src/js/globals/**', '!./src/js/filters/**'];
-const SOURCE_STYLESHEET = './src/css/styles.css';
-const SOURCE_STYLESHEET_DIR = './src/**/*.css';
-const DESTINATION_HTML_DIR = './dist/';
-const DESTINATION_JS_DIR = './dist/';
-const DESTINATION_STYLESHEET = './dist/css/';
-
-const manageEnvironment = function(environment) {
-  // Custom globals
-  for (const key in SOURCE_NUNJUCKS_GLOBALS) {
-    environment.addGlobal(key, SOURCE_NUNJUCKS_GLOBALS[key]);
-  }
-
-  // Custom filters
-  for (const key in SOURCE_NUNJUCKS_FILTERS) {
-    environment.addFilter(key, SOURCE_NUNJUCKS_FILTERS[key]);
-  }
-};
-
-function bs(cb) {
-  browserSync.init({
-    server: {
-      baseDir: './dist/',
-    },
-    notify: false
-  });
-
-  cb();
-}
-
-function watchFiles(cb) {
-  gulp.watch([TAILWIND_CONFIG, SOURCE_STYLESHEET_DIR, SOURCE_HTML_DIR, ...SOURCE_JS_FILES, SOURCE_NUNJUCKS_DIR, ...SOURCE_NUNJUCKS_FILES], gulp.series(html, nunjucks, js, css, reload));
-  cb();
-}
-
-function reload(cb) {
-  browserSync.reload();
-  cb();
-}
-
-function css() {
-  return gulp.src(SOURCE_STYLESHEET)
-    .pipe(
-      postcss([
-        atimport(),
-        tailwindcssNesting(),
-        tailwindcss(TAILWIND_CONFIG),
-        autoprefixer()
-      ])
-    )
-    .pipe(stripCssComments({preserve: false}))
-    .pipe(footer('\n'))
-    .pipe(gulp.dest(DESTINATION_STYLESHEET));
-}
-
-function html() {
-  return gulp.src(SOURCE_HTML_DIR)
-    .pipe(gulp.dest(DESTINATION_HTML_DIR));
-}
-
-function nunjucks() {
-  return gulp.src(SOURCE_NUNJUCKS_DIR)
-    .pipe(nunjucksRender({
-        envOptions: {
-          autoescape: true,
-          trimBlocks: true,
-          lstripBlocks: true,
-          noCache: true
-        },
-        manageEnv: manageEnvironment,
-        path: SOURCE_NUNJUCKS_PATHS // String or Array
-      }))
-    .pipe(gulp.dest(DESTINATION_HTML_DIR));
-}
-
-function js() {
-  return gulp.src(SOURCE_JS_FILES, { sourcemaps: true })
-    .pipe(babel())
-    .pipe(gulp.dest(DESTINATION_JS_DIR));
-}
-
-function version() {
-  return gulp.src('./package.json')
-    .pipe(gulp.dest('./dist/'));
-}
-
-function license() {
-  return gulp.src('./src/EUPL-1.2.txt')
-    .pipe(gulp.dest('./dist/'));
-}
-
-function cleanFolder() {
-  return gulp.src(DESTINATION_HTML_DIR, {read: false, allowEmpty: true})
-    .pipe(clean());
-}
-
-export default series(cleanFolder, html, nunjucks, js, css, license, version, bs, watchFiles);
-export const prod = series(cleanFolder, html, nunjucks, js, css, license, version, bs);
+// https://github.com/idmytro/tailwindcss-gulp-starter
+// https://gist.github.com/taylorbryant/91fc05b12472a88a8b6494f610647cd4
+
+import gulp from 'gulp';
+import sourcemaps from 'gulp-sourcemaps';
+import clean from 'gulp-clean';
+import nunjucksRender from 'gulp-nunjucks-render';
+import browserSyncPackage from 'browser-sync';
+import postcss from 'gulp-postcss';
+import atimport from 'postcss-import';
+import stripCssComments from 'gulp-strip-css-comments';
+import footer from 'gulp-footer';
+import tailwindcss from 'tailwindcss';
+import tailwindcssNesting from 'tailwindcss/nesting/index.js';
+import autoprefixer from 'autoprefixer';
+import babel from 'gulp-babel';
+
+import { SOURCE_NUNJUCKS_GLOBALS } from './src/js/globals/index.js';
+import { SOURCE_NUNJUCKS_FILTERS } from './src/js/filters/index.js';
+
+import { series } from 'gulp';
+
+const browserSync = browserSyncPackage.create();
+
+const TAILWIND_CONFIG = './config/tailwind.config.js';
+const SOURCE_HTML_DIR = './docs/**.html';
+const SOURCE_NUNJUCKS_PATHS = ['./src/templates/','./docs/'];
+const SOURCE_NUNJUCKS_FILES = ['./src/templates/**/*','./docs/**/*'];
+const SOURCE_NUNJUCKS_DIR = './docs/**/*.html';
+const SOURCE_JS_FILES = ['./src/**/*.js','!./src/js/globals/**', '!./src/js/filters/**'];
+const SOURCE_STYLESHEET = './src/css/styles.css';
+const SOURCE_STYLESHEET_DIR = './src/**/*.css';
+const DESTINATION_HTML_DIR = './dist/';
+const DESTINATION_JS_DIR = './dist/';
+const DESTINATION_STYLESHEET = './dist/css/';
+
+const manageEnvironment = function(environment) {
+  // Custom globals
+  for (const key in SOURCE_NUNJUCKS_GLOBALS) {
+    environment.addGlobal(key, SOURCE_NUNJUCKS_GLOBALS[key]);
+  }
+
+  // Custom filters
+  for (const key in SOURCE_NUNJUCKS_FILTERS) {
+    environment.addFilter(key, SOURCE_NUNJUCKS_FILTERS[key]);
+  }
+};
+
+function bs(cb) {
+  browserSync.init({
+    server: {
+      baseDir: './dist/',
+    },
+    notify: false
+  });
+
+  cb();
+}
+
+function watchFiles(cb) {
+  gulp.watch([TAILWIND_CONFIG, SOURCE_STYLESHEET_DIR, SOURCE_HTML_DIR, ...SOURCE_JS_FILES, SOURCE_NUNJUCKS_DIR, ...SOURCE_NUNJUCKS_FILES], gulp.series(html, nunjucks, js, css, reload));
+  cb();
+}
+
+function reload(cb) {
+  browserSync.reload();
+  cb();
+}
+
+function css() {
+  return gulp.src(SOURCE_STYLESHEET)
+    .pipe(
+      postcss([
+        atimport(),
+        tailwindcssNesting(),
+        tailwindcss(TAILWIND_CONFIG),
+        autoprefixer()
+      ])
+    )
+    .pipe(stripCssComments({preserve: false}))
+    .pipe(footer('\n'))
+    .pipe(gulp.dest(DESTINATION_STYLESHEET));
+}
+
+function html() {
+  return gulp.src(SOURCE_HTML_DIR)
+    .pipe(gulp.dest(DESTINATION_HTML_DIR));
+}
+
+function nunjucks() {
+  return gulp.src(SOURCE_NUNJUCKS_DIR)
+    .pipe(nunjucksRender({
+        envOptions: {
+          autoescape: true,
+          trimBlocks: true,
+          lstripBlocks: true,
+          noCache: true
+        },
+        manageEnv: manageEnvironment,
+        path: SOURCE_NUNJUCKS_PATHS // String or Array
+      }))
+    .pipe(gulp.dest(DESTINATION_HTML_DIR));
+}
+
+function js() {
+  return gulp.src(SOURCE_JS_FILES, { sourcemaps: true })
+    .pipe(babel())
+    .pipe(gulp.dest(DESTINATION_JS_DIR));
+}
+
+function version() {
+  return gulp.src('./package.json')
+    .pipe(gulp.dest('./dist/'));
+}
+
+function license() {
+  return gulp.src('./src/EUPL-1.2.txt')
+    .pipe(gulp.dest('./dist/'));
+}
+
+function cleanFolder() {
+  return gulp.src(DESTINATION_HTML_DIR, {read: false, allowEmpty: true})
+    .pipe(clean());
+}
+
+export default series(cleanFolder, html, nunjucks, js, css, license, version, bs, watchFiles);
+export const prod = series(cleanFolder, html, nunjucks, js, css, license, version, bs);

package/package.json

@@ -1,67 +1,67 @@
-{
-  "name": "desy-html",
-  "version": "12.1.0",
-  "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
-  "type": "module",
-  "author": {
-    "name": "Desy (SDA Servicios Digitales de Aragón)",
-    "email": "sda@aragon.es"
-  },
-  "keywords": [
-    "desy",
-    "gobierno de aragón",
-    "frontend",
-    "design system",
-    "template"
-  ],
-  "license": "EUPL-1.2",
-  "repository": {
-    "type": "git",
-    "url": "https://bitbucket.org/sdaragon/desy-html.git"
-  },
-  "homepage": "https://desy.aragon.es/",
-  "engines": {
-    "npm": ">=10.8.1",
-    "node": ">=20.14.0"
-  },
-  "main": "src/js/index.js",
-  "scripts": {
-    "dev": "gulp --no-notify",
-    "prod": "NODE_ENV=production gulp prod",
-    "backstop-test:approve": "backstop approve --config=test/backstop_config/backstop.config.js",
-    "backstop-test:reference": "backstop reference --config=test/backstop_config/backstop.config.js",
-    "backstop-test:test": "backstop test --config=test/backstop_config/backstop.config.js"
-  },
-  "dependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.13",
-    "autoprefixer": "^10.4.19",
-    "hex-rgb": "^5.0.0",
-    "highlight.js": "^11.9.0",
-    "postcss": "^8.5.0",
-    "postcss-cli": "^10.1.0",
-    "postcss-import": "^15.1.0",
-    "tailwindcss": "^3.4.15"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/register": "^7.24.6",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "browser-sync": "^3.0.2",
-    "gulp": "^5.0.0",
-    "gulp-babel": "^8.0.0",
-    "gulp-clean": "^0.4.0",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-footer": "^2.1.0",
-    "gulp-nunjucks-render": "^2.2.3",
-    "gulp-postcss": "^9.0.1",
-    "gulp-sourcemaps": "^2.6.5",
-    "gulp-strip-css-comments": "^2.0.0",
-    "js-beautify": "^1.15.1",
-    "outdent": "^0.8.0"
-  },
-  "optionalDependencies": {
-    "win-node-env": "^0.6.1"
-  }
-}
+{
+  "name": "desy-html",
+  "version": "13.0.0",
+  "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
+  "type": "module",
+  "author": {
+    "name": "Desy (SDA Servicios Digitales de Aragón)",
+    "email": "sda@aragon.es"
+  },
+  "keywords": [
+    "desy",
+    "gobierno de aragón",
+    "frontend",
+    "design system",
+    "template"
+  ],
+  "license": "EUPL-1.2",
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/sdaragon/desy-html.git"
+  },
+  "homepage": "https://desy.aragon.es/",
+  "engines": {
+    "npm": ">=10.8.1",
+    "node": ">=20.14.0"
+  },
+  "main": "src/js/index.js",
+  "scripts": {
+    "dev": "gulp --no-notify",
+    "prod": "NODE_ENV=production gulp prod",
+    "backstop-test:approve": "backstop approve --config=test/backstop_config/backstop.config.js",
+    "backstop-test:reference": "backstop reference --config=test/backstop_config/backstop.config.js",
+    "backstop-test:test": "backstop test --config=test/backstop_config/backstop.config.js"
+  },
+  "dependencies": {
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
+    "autoprefixer": "^10.4.19",
+    "hex-rgb": "^5.0.0",
+    "highlight.js": "^11.9.0",
+    "postcss": "^8.5.0",
+    "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
+    "tailwindcss": "^3.4.15"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/register": "^7.24.6",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "browser-sync": "^3.0.2",
+    "gulp": "^5.0.0",
+    "gulp-babel": "^8.0.0",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-footer": "^2.1.0",
+    "gulp-nunjucks-render": "^2.2.3",
+    "gulp-postcss": "^9.0.1",
+    "gulp-sourcemaps": "^2.6.5",
+    "gulp-strip-css-comments": "^2.0.0",
+    "js-beautify": "^1.15.1",
+    "outdent": "^0.8.0"
+  },
+  "optionalDependencies": {
+    "win-node-env": "^0.6.1"
+  }
+}