@massimo-cassandro/minimo 1.18.4 → 1.19.1

package/README.md

@@ -31,6 +31,10 @@ rm -rf package
 
 ---
 
+## Design tokens
+
+Minimo comes with a set of design tokens and some utilities to manage them. See [Design Tokens readme](design-tokens/README.md).
+
 ## Dev Tools
 
 The [`dev-tools`](./dev-tools/README.md) directory contains a set of standalone Node.js CLI utilities for managing a web project — updating dependencies, bumping the version and changelog, and generating/optimizing SVG icons and favicons. They are published as part of the `minimo` package and exposed via the `bin` entries in `package.json` (`update-version`, `upd@m`, `svgIconsTools`, `create-favicons`); see the [Dev Tools README](./dev-tools/README.md) for the full list and usage.
@@ -38,7 +42,7 @@ The [`dev-tools`](./dev-tools/README.md) directory contains a set of standalone
 
 ## Docs & Demo
 
-[Docs](docs)
+[Docs](docs/README.md)
 
 [Demo](https://massimo-cassandro.github.io/minimo/) (in progress)
 

package/design-tokens/{utilities/readme.md → README.md}

@@ -1,8 +1,18 @@
-# Design Token Utilities
+# Design Tokens
+
+<!-- TODO intro  -->
+
+## Using design tokens
+
+<!-- TODO modalità d'uso (da tokens penpots o figma, con o snza merge css ecc...) -->
+
+## Design Token Utilities
+
+<!-- TODO rivedere e semplificare -->
 
 A set of Node.js scripts for managing CSS design tokens in a project. Built on top of [Style Dictionary v5](https://styledictionary.com/).
 
-## Scripts
+### Scripts
 
 | Script | Purpose |
 |---|---|
@@ -11,7 +21,7 @@ A set of Node.js scripts for managing CSS design tokens in a project. Built on t
 
 Both scripts share the same config file, passed via `--config`.
 
-## Setup
+### Setup
 
 The scripts are intended to be used as npm scripts. Add them to your `package.json`:
 
@@ -35,26 +45,26 @@ The following packages must be present in your project:
 }
 ```
 
-## Configuration file
+### Configuration file
 
 Both scripts read a shared config file passed with `--config`. Use `tokens-config-sample.mjs` as a starting point.
 
 Read comments inside the sample file for more info.
 
 
-## `build-tokens.mjs`
+### `build-tokens.mjs`
 
 Reads design token source files and generates:
 - A **CSS file** containing all tokens as custom properties inside `:root { ... }`
 - Optionally, one or more **W3C DTCG JSON/JSONC** files to import into Penpot/Figma (use in Figma requires a plugin).
 
-### Usage
+#### Usage
 
 ```sh
 npx buildTokens --config ./path/to/tokens-config.mjs
 ```
 
-### Source files
+#### Source files
 
 The `source` array accepts any combination of:
 - Concrete file paths: `'./tokens/colors.jsonc'`
@@ -65,7 +75,7 @@ The `source` array accepts any combination of:
 - `.mjs` / `.js` — imported as ES modules; must export a W3C DTCG-compliant object as `default`
 
 
-### Token file format (JS example)
+#### Token file format (JS example)
 
 When using `.mjs` source files, export a default object following the [W3C Design Token Community Group format](https://design-tokens.github.io/community-group/format/):
 
@@ -96,7 +106,7 @@ The main advantage of `.mjs` over `.json` is the ability to use JavaScript varia
 
 Values can be expressions like `"{size.base} * .25"`, see `tokens-config-sample.mjs` for more info.
 
-### Custom transforms
+#### Custom transforms
 
 The following transforms are registered on top of Style Dictionary's built-ins:
 
@@ -109,7 +119,7 @@ The following transforms are registered on top of Style Dictionary's built-ins:
 | `composite/css` | value | Converts `border`, `outline`, `transition` and `animation` objects to their CSS shorthand. |
 | `typography/css` | value | Typography passthrough — the format handles exploding the value into individual properties. |
 
-### CSS output
+#### CSS output
 
 All tokens are output as CSS custom properties inside `:root`, sorted alphabetically.
 
@@ -119,7 +129,7 @@ Typography tokens are expanded into multiple properties:
 
 The generated file is linted and auto-fixed with stylelint using the config specified in `stylelintConfigPath`.
 
-### Penpot output
+#### Penpot output
 
 When `penpotBuildPath` is set, the script also generates W3C DTCG token files for import into Penpot via the [Design Tokens plugin](https://penpot.app/penpot-files/design-tokens).
 
@@ -148,19 +158,19 @@ Alias references (`{color.brand.primary}`) are preserved in the output so Penpot
 
 ---
 
-## `check-unresolved-custom-props.mjs`
+### `check-unresolved-custom-props.mjs`
 
 Scans all `.css` files in `dir_to_check` (recursively) and reports any `var(--...)` references that are not defined in the generated token CSS file or in any `extra_custom_props_files`.
 
 Results are written to `unresolved-props.md` in the same directory as the config file.
 
-### Usage
+#### Usage
 
 ```sh
 npx checkUnresolvedProps --config ./path/to/tokens-config.mjs
 ```
 
-### Output
+#### Output
 
 The script creates a `unresolved-props.md` file next to the config file. Each line links to the file and line number where the unresolved property is used:
 
@@ -172,7 +182,7 @@ The script creates a `unresolved-props.md` file next to the config file. Each li
 In VS Code, Option/Alt-clicking on the URL opens the file at the required line.
 
 
-### Excluding properties
+#### Excluding properties
 
 Use `exclude_pattern` to suppress false positives — for example, internal/private custom properties that are defined dynamically or inline:
 
@@ -182,4 +192,4 @@ exclude_pattern: [
   /^--_/,          
   /^--js-/,        
 ]
-```
+```

package/design-tokens/tokens/src/components/unsplash-page/unsplash-page.minimo.tokens.jsonc

@@ -40,15 +40,23 @@
         "$value": "unset"
       }
     },
-    "credits": {
+    "h1": {
+      "color": {
+        "$type": "color",
+        "$value": "{uspg.text.color}"
+      },
       "font": {
         "size": {
           "$type": "dimension",
-          "$value": "{font.size.xs}"
+          "$value": "{font.size.xl}"
         },
         "weight": {
           "$type": "fontWeight",
-          "$value": "{font.weight.regular}"
+          "$value": "{font.weight.bold}"
+        },
+        "variation-settings": {
+          "$type": "string",
+          "$value": "unset"
         }
       },
       "line-height": {
@@ -56,23 +64,73 @@
         "$value": "{line-height.xs}"
       }
     },
-    "h1": {
+    "link": {
       "color": {
         "$type": "color",
-        "$value": "{uspg.text.color}"
+        "$value": "#fc0"
+      },
+      "decoration": {
+        "$type": "string",
+        "$value": "none"
+      },
+      "visited": {
+        "color": {
+          "$type": "color",
+          "$value": "#C711FF"
+        }
+      },
+      "hover": {
+        "color": {
+          "$type": "color",
+          "$value": "{uspg.bg.color}"
+        },
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "transparent"
+          }
+        },
+        "decoration": {
+          "$type": "string",
+          "$value": "underline"
+        }
       },
+      "active": {
+        "color": {
+          "$type": "color",
+          "$value": "#F49C29"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "2px"
+          },
+          "style": {
+            "$type": "string",
+            "$value": "solid"
+          },
+          "color": {
+            "$type": "color",
+            "$value": "{uspg.link.color}"
+          },
+          "offset": {
+            "$type": "dimension",
+            "$value": "2px"
+          }
+        }
+      }
+    },
+    "credits": {
       "font": {
         "size": {
           "$type": "dimension",
-          "$value": "{font.size.xl}"
+          "$value": "{font.size.xs}"
         },
         "weight": {
           "$type": "fontWeight",
-          "$value": "{font.weight.bold}"
-        },
-        "variation-settings": {
-          "$type": "string",
-          "$value": "unset"
+          "$value": "{font.weight.regular}"
         }
       },
       "line-height": {
@@ -102,26 +160,6 @@
         }
       }
     },
-    "link": {
-      "color": {
-        "$type": "color",
-        "$value": "#fc0"
-      },
-      "decoration": {
-        "$type": "string",
-        "$value": "none"
-      },
-      "hover": {
-        "color": {
-          "$type": "color",
-          "$value": "#fc0"
-        },
-        "decoration": {
-          "$type": "string",
-          "$value": "underline"
-        }
-      }
-    },
     "loader": {
       "color": {
         "$type": "color",

package/design-tokens/{utilities/tokens-config-sample.mjs → tokens-config-sample.mjs}

@@ -10,14 +10,10 @@
 // Path to the design token source files.
 // You can use an absolute path, a relative path, or build it programmatically.
 
-// Example using a local node_modules package (JS source files)
-const minimo_path = '../../node_modules/@massimo-cassandro/minimo/design-tokens-src';
 
-// Alternative: pre-built JSONC files from the same package
-// const minimo_path = '../../node_modules/@massimo-cassandro/minimo/design-tokens';
 
-// For local testing
-// const minimo_path = path.resolve(homedir(), 'Sites/minimo/src');
+// minimo package path in node_modules
+const minimo_path = '../../node_modules/@massimo-cassandro/minimo';
 
 const config = {
 
@@ -42,11 +38,15 @@ const config = {
   //   OK:  `${minimo_path}/**/*.{json,mjs}`
   //   NO:  path.join(minimo_path, '/**/*.{json,mjs}')
   source: [
-    `${minimo_path}/**/*.{jsonc,json,mjs}`,
-    './project-tokens/*.jsonc',
+    `${minimo_path}/design-tokens/_src/**/*.tokens.{mjs,jsonc}`, // main tokens
+    `${minimo_path}/src/**/*.tokens.{mjs,jsonc}`, // components tokens
 
     // optional extra token source (in this example, openProps, https://open-props.style/)
     // '../../node_modules/open-props/open-props.style-dictionary-tokens.json',
+
+    // your project tokens
+    './project-tokens/*.{js,mjs,jsonc,json}',
+
   ],
 
   // ---------------------------------------------------------------------------
@@ -61,12 +61,12 @@ const config = {
 
   // Output directory for the Penpot design token files.
   // Set to null (or omit) to disable json output entirely.
-  penpotBuildPath: './path/to/generated/design-tokens-dir',
+  penpotBuildPath: null || './path/to/generated/design-tokens-dir',
 
   // Base name (without extension) for the aggregated Penpot output file.
   // The extension is added automatically based on penpotFormat.
   // Set to null (or omit) to generate one file per .mjs source file instead.
-  penpotDestFile: 'tokens',
+  penpotDestFile: null || 'tokens',
 
   // How to handle math expressions in dimension token $values (e.g. "{size.base} * .25"):
   //   'keep'    write the expression unchanged
@@ -75,6 +75,14 @@ const config = {
   //               e.g. {size.base} = 16px, "{size.base} * .25" -> "4px"
   penpotExpressions: 'resolve',
 
+  // If true, custom properties already present in the CSS destination file
+  // (destFile, from a previous build) take priority over the ones generated
+  // by this build. Properties found only in the pre-existing file (no longer
+  // generated) are kept too. Useful to preserve manual overrides/additions
+  // made directly in the compiled CSS across rebuilds. Ignored on the first
+  // build, when destFile does not exist yet. Default: false.
+  mergeCustomProps: false,
+
 
 
   // ---------------------------------------------------------------------------

package/design-tokens/utilities/build-tokens-src/config.mjs

@@ -75,6 +75,11 @@ export const penpotExpressions = VALID_EXPR_MODES.includes(buildConfig.penpotExp
   ? buildConfig.penpotExpressions
   : 'resolve';
 
+// mergeCustomProps: if true, custom properties already present in the CSS
+// destination file take priority over the ones generated by this build (see
+// build-tokens-src/merge-css.mjs). Default: false.
+export const mergeCustomProps = buildConfig.mergeCustomProps === true;
+
 // ---------------------------------------------------------------------------
 // Source: resolve patterns relative to the config directory and normalise to
 // forward-slash absolute paths (fast-glob, used internally by Style Dictionary,

package/design-tokens/utilities/build-tokens-src/formats/css.mjs

@@ -6,6 +6,7 @@
 //   - individual properties for letterSpacing, textTransform, textDecoration
 
 import StyleDictionary from 'style-dictionary';
+import { mergeCustomProps, parseCustomProps } from '../merge-css.mjs';
 
 const BASE_FONT_SIZE = 16;
 
@@ -224,7 +225,22 @@ StyleDictionary.registerFormat({
         return [`  --${token.name}: ${value};`];
       });
 
-    customPropsCount = lines.length;
-    return `${selector} {\n${lines.join('\n')}\n}\n`;
+    // Build a name → declaration-tail map from the declarations generated
+    // above, then merge with any pre-existing custom properties loaded via
+    // loadExistingCustomProps() (see ../merge-css.mjs). Pre-existing values
+    // (including trailing comments) take priority when both exist;
+    // pre-existing-only properties are kept.
+    const generatedProps = parseCustomProps(lines.join('\n'));
+    const finalProps = mergeCustomProps(generatedProps);
+
+    // Final output is always sorted alphabetically ascending by property
+    // name, regardless of merge — this also keeps pre-existing-only
+    // properties from merge-css.mjs in order instead of trailing at the end.
+    const outLines = Object.entries(finalProps)
+      .sort(([a], [b]) => a.localeCompare(b, 'en', { numeric: true, sensitivity: 'base' }))
+      .map(([name, tail]) => `  --${name}: ${tail}`);
+
+    customPropsCount = outLines.length;
+    return `${selector} {\n${outLines.join('\n')}\n}\n`;
   },
 });

package/design-tokens/utilities/build-tokens-src/merge-css.mjs

@@ -0,0 +1,60 @@
+// build-tokens-src/merge-css.mjs
+// Supports the `mergeCustomProps` config option: pre-existing custom
+// properties in the CSS destination file take priority over the ones
+// generated by the current build (manual overrides/additions survive rebuilds).
+//
+// Usage:
+//   1. Call loadExistingCustomProps(absDestPath) BEFORE Style Dictionary runs,
+//      since it reads the file that is about to be overwritten.
+//   2. The css/variables-sorted format (see formats/css.mjs) calls
+//      mergeCustomProps(generatedMap) while building the output, right before
+//      serialising the final CSS text.
+
+import { existsSync, readFileSync } from 'node:fs';
+
+const CUSTOM_PROP_RE = /^\s*--([\w-]+):\s*(.+)$/gm;
+
+/**
+ * Parses `--name: <tail>` declarations out of a CSS text block. <tail> is
+ * captured verbatim (value, terminating `;`, and anything else on the same
+ * line, e.g. a trailing comment) so it round-trips unchanged through a merge.
+ * Only single-line declarations are supported.
+ * @param {string} cssText
+ * @returns {Record<string,string>} name → declaration-tail map, in first-seen order
+ */
+export const parseCustomProps = (cssText) => {
+  /** @type {Record<string,string>} */
+  const map = {};
+  for (const match of cssText.matchAll(CUSTOM_PROP_RE)) {
+    map[match[1]] = match[2].trim();
+  }
+  return map;
+};
+
+// null = merge disabled, or destination file not found yet (first build)
+/** @type {Record<string,string>|null} */
+let existingCustomProps = null;
+
+/**
+ * Reads the CSS destination file (if it exists) and stores a name → value
+ * map of its current custom properties for later merging.
+ * @param {string} absDestPath absolute path of the CSS file to read
+ * @returns {Record<string,string>|null}
+ */
+export const loadExistingCustomProps = (absDestPath) => {
+  existingCustomProps = existsSync(absDestPath)
+    ? parseCustomProps(readFileSync(absDestPath, 'utf8'))
+    : null;
+  return existingCustomProps;
+};
+
+/**
+ * Merges freshly generated custom properties with the ones previously loaded
+ * via loadExistingCustomProps(). Pre-existing values take priority; custom
+ * properties found only in the pre-existing file (no longer generated) are
+ * kept as well.
+ * @param {Record<string,string>} generated name → value map produced by this build
+ * @returns {Record<string,string>}
+ */
+export const mergeCustomProps = (generated) =>
+  existingCustomProps ? { ...generated, ...existingCustomProps } : generated;

package/design-tokens/utilities/build-tokens.mjs

@@ -31,6 +31,7 @@ import {
   penpotFormat,
   penpotExpressions,
   source,
+  mergeCustomProps,
 } from './build-tokens-src/config.mjs';
 
 // ── 2. Custom transforms ─────────────────────────────────────────────────────
@@ -38,7 +39,9 @@ import './build-tokens-src/transforms.mjs';
 
 // ── 3. CSS format ─────────────────────────────────────────────────────────────
 // customPropsCount is updated by the format at render time
+// loadExistingCustomProps supports the mergeCustomProps option (see below)
 import { customPropsCount } from './build-tokens-src/formats/css.mjs';
+import { loadExistingCustomProps } from './build-tokens-src/merge-css.mjs';
 
 // ── 4. Penpot format ──────────────────────────────────────────────────────────
 import { buildPenpotFiles, collectConcreteFilePaths } from './build-tokens-src/formats/penpot.mjs';
@@ -46,6 +49,15 @@ import { buildPenpotFiles, collectConcreteFilePaths } from './build-tokens-src/f
 // ── 5. Platforms builder ──────────────────────────────────────────────────────
 import { buildPlatforms } from './build-tokens-src/platforms.mjs';
 
+// ── 5b. Pre-existing custom properties (mergeCustomProps option) ────────────
+// Read before Style Dictionary runs, since it overwrites the destination
+// file. The css/variables-sorted format (formats/css.mjs) merges these
+// values in — pre-existing values take priority — right before serialising
+// the final CSS output. See merge-css.mjs.
+if (mergeCustomProps) {
+  loadExistingCustomProps(path.join(buildPath, destFile));
+}
+
 // ── 6. Collect concrete source file paths (multi-file Penpot mode only) ──────
 // Source entries may be glob patterns. SD expands them internally and stores
 // the concrete path in token.filePath. We need those concrete paths to build

package/dev-tools/README.md

@@ -34,6 +34,14 @@ zsh package/dev-tools/starter-kit/starter-install.sh
 rm -rf package
 ```
 
+To test the installation skipping all `npm install` commands, use the `--no-npm` parameter:
+
+```bash
+curl -sL "$(npm view @massimo-cassandro/minimo dist.tarball)" | tar xz package/dev-tools/starter-kit
+zsh package/dev-tools/starter-kit/starter-install.sh --no-npm
+rm -rf package
+```
+
 ## SVG adn favicons tools
 
 ```bash

package/dev-tools/starter-kit/starter-install.sh

@@ -18,6 +18,23 @@ if [ -z "$ZSH_VERSION" ]; then
   exit 1
 fi
 
+# --no-npm: salta le installazioni npm (utile per testare rapidamente lo script)
+SKIP_NPM=0
+for ARG in "$@"; do
+  if [ "$ARG" = "--no-npm" ]; then
+    SKIP_NPM=1
+  fi
+done
+
+# Wrapper: esegue "npm i ..." a meno che SKIP_NPM sia attivo
+npm_i() {
+  if [ "$SKIP_NPM" = "1" ]; then
+    echo "(--no-npm) skip: npm i $*"
+  else
+    npm i "$@"
+  fi
+}
+
 # Configurazione variabili
 # BASE_URL="https://raw.githubusercontent.com/massimo-cassandro/minimo/refs/heads/main"
 
@@ -139,28 +156,28 @@ fi
 
 
 echo -e "\n${GREEN}...eslint${NC}"
-npm i -D @massimo-cassandro/eslint-config
+npm_i -D @massimo-cassandro/eslint-config
 safe_cat "${TEMPLATES_DIR}/eslint.config.mjs" eslint.config.mjs new
 
 echo -e "\n${GREEN}...stylelint${NC}"
-npm i -D @massimo-cassandro/stylelint-config
+npm_i -D @massimo-cassandro/stylelint-config
 safe_cat "${TEMPLATES_DIR}/stylelint.config.mjs" stylelint.config.mjs new
 
 echo -e "\n${GREEN}...webpack${NC}"
-npm i -D webpack-cli webpack-dev-server webpack-manifest-plugin webpack
-npm i -D @babel/core @babel/preset-env babel-loader terser-webpack-plugin
-npm i -D webpack-remove-empty-scripts copy-webpack-plugin html-loader html-webpack-plugin
-npm i -D postcss autoprefixer postcss-custom-media @csstools/postcss-global-data postcss-loader postcss-preset-env
+npm_i -D webpack-cli webpack-dev-server webpack-manifest-plugin webpack
+npm_i -D @babel/core @babel/preset-env babel-loader terser-webpack-plugin
+npm_i -D webpack-remove-empty-scripts copy-webpack-plugin html-loader html-webpack-plugin
+npm_i -D postcss autoprefixer postcss-custom-media @csstools/postcss-global-data postcss-loader postcss-preset-env
 # NB: niente cssnano: la minificazione è di css-minimizer-webpack-plugin e cssnano
 # nel loader postcss eliminerebbe i commenti `purgecss ignore` prima di PurgeCSS
-npm i -D mini-css-extract-plugin style-loader css-loader css-minimizer-webpack-plugin
-npm i -D responsive-loader
-npm i -D process dotenv-webpack
-npm i -D svgo svg-url-loader svgo-loader svgo-add-viewbox mini-svg-data-uri
-npm i -D ejs-loader
-npm i -D purgecss-webpack-plugin glob
+npm_i -D mini-css-extract-plugin style-loader css-loader css-minimizer-webpack-plugin
+npm_i -D responsive-loader
+npm_i -D process dotenv-webpack
+npm_i -D svgo svg-url-loader svgo-loader svgo-add-viewbox mini-svg-data-uri
+npm_i -D ejs-loader
+npm_i -D purgecss-webpack-plugin glob
 
-npm i -D style-dictionary
+npm_i -D style-dictionary
 
 safe_cat "${WEBPACK_SOURCE_DIR}/webpack.config.mjs"   "${FRONTEND_INSTALL_PATH}/webpack.config.mjs"
 safe_cat "${WEBPACK_SOURCE_DIR}/webpack-template.ejs" "${FRONTEND_INSTALL_PATH}/webpack-template.ejs"
@@ -168,15 +185,6 @@ safe_cat "${WEBPACK_SOURCE_DIR}/webpack-template.ejs" "${FRONTEND_INSTALL_PATH}/
 # cartella webpack
 WEBPACK_LOCAL_DIR="${FRONTEND_INSTALL_PATH}/webpack-modules"
 WEBPACK_MODULES_REMOTE_URL="${WEBPACK_SOURCE_DIR}/webpack-modules"
-FILES=(
-  'css-rules.mjs'
-  'get-jsConfig-aliases.mjs'
-  'mini-svg-data-uri-loader.cjs'
-  'svg-rules.mjs'
-  'svgo.config.mjs'
-  'postcss.config.mjs'
-  'purgecss-variables-safelist.mjs'
-)
 
 # se la cartella esiste già, i moduli vengono copiati in NEW-webpack-modules
 # (da integrare manualmente o rimuovere)
@@ -188,18 +196,30 @@ fi
 
 mkdir -p "$WEBPACK_LOCAL_DIR"
 
-for FILE in "${FILES[@]}"; do
-  safe_cat "${WEBPACK_MODULES_REMOTE_URL}/${FILE}" "${WEBPACK_LOCAL_DIR}/${FILE}"
+# copia tutti i file presenti in webpack-modules,
+for FILE in "${WEBPACK_MODULES_REMOTE_URL}"/*; do
+  [ -f "$FILE" ] || continue
+  safe_cat "$FILE" "${WEBPACK_LOCAL_DIR}/$(basename "$FILE")"
 done
 
 echo -e "\n${GREEN}Creating a template of your frontend application's folder structured${NC}"
 
-TEMPLATE_DIR_NAME="__frontend_app_dir_template__"
+TEMPLATE_DIR_NAME="__frontend_dir__"
 mkdir -p "$TEMPLATE_DIR_NAME"
 cd "$TEMPLATE_DIR_NAME"
-mkdir -p error-pages imgs icons src src/css favicons design-tokens
+mkdir -p error-pages imgs icons src css favicons design-tokens
 cd ..
 
+# copia dei file css presenti nella root di minimo/src
+# (custom-properties.css, custom-media.css, fonts.css, minimo.css, ...):
+MINIMO_ROOT_CSS_DIR="${BASE_URL}/../../src"
+for FILE in "${MINIMO_ROOT_CSS_DIR}"/*.css; do
+  safe_cat "$FILE" "${TEMPLATE_DIR_NAME}/css/$(basename "$FILE")"
+done
+
+# copia tokens.config.mjs
+safe_cat "${BASE_URL}/../../design-tokens/tokens-config-sample.mjs" "${TEMPLATE_DIR_NAME}/css/tokens-config.mjs"
+
 # template delle entry css (globale/di pagina e critical): ogni entry deve
 # importare direttamente custom-properties.css (vedi commenti nei file stessi)
 safe_cat "${TEMPLATES_DIR}/entry-tpl.css"          "${TEMPLATE_DIR_NAME}/src/entry-tpl.css"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.18.4",
+  "version": "1.19.1",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",
@@ -56,12 +56,16 @@
   "files": [
     "./index.js",
     "src/**/*.{js,mjs,css,svg,md}",
+    "design-tokens/README.md",
+    "design-tokens/tokens-config-sample.mjs",
     "design-tokens/tokens/**/*.{tokens.json,tokens.jsonc}",
     "design-tokens/_src/**/*.{tokens.json,tokens.jsonc,mjs,js,md}",
     "design-tokens/utilities/**/*.{mjs,md}",
     "charts/**/*.{js,mjs,md}",
     "dev-tools/**/*",
-    "snippets/**/*"
+    "snippets/**/*",
+    "!**/TODO*/**",
+    "!**/TODO*"
   ],
   "peerDependencies": {
     "@svgdotjs/svg.js": "^3.2.7",

package/snippets/error-pages/error-pages.js

@@ -1,6 +1,7 @@
 
 
-import { unsplashPage } from '@massimo-cassandro/minimo/index.js';
+import { unsplashPage } from '@massimo-cassandro/minimo';
+// import './error-pages.css';
 
 const errCode = document.documentElement.dataset.errCode || '500',
   errText = document.documentElement.dataset.errText,
@@ -27,7 +28,7 @@ unsplashPage({
   targetElement    : document.getElementById('root'),
   className        : 'error-page',
   unsplashDataUrl  : url,
-  utmSource        : 'ictgovernance.bluvacanze.it',
+  utmSource        : 'marketing.bluvacanze.it',
   title            : errors[errCode]?.title ?? errText,
   text             : `(${errCode} ${errText})`,
   backLink         : errCode !== '503'? 'Torna alla <a href="/">Home</a>' : '',