@massimo-cassandro/minimo 1.16.2 → 1.17.1

package/design-tokens/_src/headings.minimo.tokens.mjs

@@ -11,11 +11,19 @@ export default {
       $value: '{text.color}'
     },
     font: {
+      family: {
+        $type: 'fontFamily',
+        $value: '{font.family}'
+      },
       weight: {
         $type: 'string',
         $value: '{font.weight.semibold}'
       }
     },
+    'line-height': {
+      $type: 'dimension',
+      $value: '{line-height.xs}'
+    },
     h1: {
       font: {
         weight: {

package/design-tokens/_src/typography.minimo.tokens.mjs

@@ -1,8 +1,8 @@
 export default {
   font: {
     family: {
+      $type: 'fontFamily',
       $value: 'sans-serif',
-      $type: 'fontFamily'
     },
     'family-mono': {
       $value: '\'Monaspace Neon Var\', \'Monaspace Neon\', \'Aptos Mono\', \'Roboto Mono\', \'SFMono-Regular\', \'Menlo\', \'Monaco\', \'Consolas\', \'Liberation Mono\', \'Andale Mono\', \'Courier New\', monospace',

package/design-tokens/tokens/{headings.minimo.tokens.jsonc → design-tokens/_src/headings.minimo.tokens.jsonc}

@@ -17,11 +17,19 @@
       "$value": "{text.color}"
     },
     "font": {
+      "family": {
+        "$type": "fontFamily",
+        "$value": "{font.family}"
+      },
       "weight": {
         "$type": "string",
         "$value": "{font.weight.semibold}"
       }
     },
+    "line-height": {
+      "$type": "dimension",
+      "$value": "{line-height.xs}"
+    },
     "h1": {
       "font": {
         "weight": {

package/design-tokens/tokens/src/components/inner-nav/inner-nav.minimo.tokens.jsonc

@@ -0,0 +1,20 @@
+// -----------------------------------------------------------------------
+// Generated file — do not edit manually.
+// This file is produced by the design-token build pipeline.
+// Source of truth: the token files in the project source directory.
+// Re-generate with: node build-tokens.mjs --config <path/to/config>
+// -----------------------------------------------------------------------
+{
+  "inner-nav": {
+    "gap": {
+      "$type": "dimension",
+      "$value": "{size.lg}"
+    },
+    "margin": {
+      "block": {
+        "$type": "dimension",
+        "$value": "{size.base}"
+      }
+    }
+  }
+}

package/design-tokens/tokens/src/components/modal-alert/modal-alert.minimo.tokens.jsonc

@@ -0,0 +1,166 @@
+// -----------------------------------------------------------------------
+// Generated file — do not edit manually.
+// This file is produced by the design-token build pipeline.
+// Source of truth: the token files in the project source directory.
+// Re-generate with: node build-tokens.mjs --config <path/to/config>
+// -----------------------------------------------------------------------
+{
+  "malert": {
+    "background": {
+      "color": {
+        "$type": "color",
+        "$value": "#fff"
+      }
+    },
+    "border": {
+      "radius": {
+        "$type": "dimension",
+        "$value": "{radius.xs}"
+      }
+    },
+    "box-shadow-color": {
+      "$type": "color",
+      "$value": "#000"
+    },
+    "box-shadow": {
+      "$type": "shadow",
+      "$value": [
+        {
+          "offsetX": "0",
+          "offsetY": ".4px",
+          "blur": "4px",
+          "spread": "0",
+          "color": "color-mix(in srgb, #000 15%, transparent)"
+        },
+        {
+          "offsetX": "-.3px",
+          "offsetY": "3px",
+          "blur": "3.3px",
+          "spread": "-.5px",
+          "color": "color-mix(in srgb, #000 15%, transparent)"
+        },
+        {
+          "offsetX": "-.5px",
+          "offsetY": "6.1px",
+          "blur": "6.6px",
+          "spread": "-.9px",
+          "color": "color-mix(in srgb, #000 14%, transparent)"
+        },
+        {
+          "offsetX": "-.9px",
+          "offsetY": "11.2px",
+          "blur": "12.1px",
+          "spread": "-1.4px",
+          "color": "color-mix(in srgb, #000 14%, transparent)"
+        },
+        {
+          "offsetX": "-1.6px",
+          "offsetY": "19.5px",
+          "blur": "21.1px",
+          "spread": "-1.9px",
+          "color": "color-mix(in srgb, #000 13%, transparent)"
+        },
+        {
+          "offsetX": "-2.7px",
+          "offsetY": "32.7px",
+          "blur": "35.4px",
+          "spread": "-2.3px",
+          "color": "color-mix(in srgb, #000 13%, transparent)"
+        },
+        {
+          "offsetX": "-4.3px",
+          "offsetY": "52px",
+          "blur": "56.4px",
+          "spread": "-2.8px",
+          "color": "color-mix(in srgb, #000 12%, transparent)"
+        }
+      ]
+    },
+    "backdrop": {
+      "$type": "color",
+      "$value": "rgb(0 0 0 / .7)"
+    },
+    "success": {
+      "bg": {
+        "$type": "color",
+        "$value": "{status.success.background.color}"
+      },
+      "fg": {
+        "$type": "color",
+        "$value": "{status.success.fg}"
+      }
+    },
+    "info": {
+      "bg": {
+        "$type": "color",
+        "$value": "{status.info.background.color}"
+      },
+      "fg": {
+        "$type": "color",
+        "$value": "{status.info.fg}"
+      }
+    },
+    "warning": {
+      "bg": {
+        "$type": "color",
+        "$value": "{status.warning.background.color}"
+      },
+      "fg": {
+        "$type": "color",
+        "$value": "{status.warning.fg}"
+      }
+    },
+    "error": {
+      "bg": {
+        "$type": "color",
+        "$value": "{status.danger.background.color}"
+      },
+      "fg": {
+        "$type": "color",
+        "$value": "{status.danger.fg}"
+      }
+    },
+    "confirm": {
+      "bg": {
+        "$type": "color",
+        "$value": "hsl(277deg 72% 45%)"
+      },
+      "fg": {
+        "$type": "color",
+        "$value": "#fff"
+      }
+    },
+    "heading": {
+      "font": {
+        "family": {
+          "$type": "fontFamily",
+          "$value": "{headings.font.family}"
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": "{headings.h2.font.size}"
+        },
+        "weight": {
+          "$type": "dimension",
+          "$value": "{headings.font.weight}"
+        }
+      },
+      "line-height": {
+        "$type": "dimension",
+        "$value": "{headings.line-height}"
+      }
+    },
+    "text": {
+      "font": {
+        "family": {
+          "$type": "fontFamily",
+          "$value": "{font.family}"
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.base}"
+        }
+      }
+    }
+  }
+}

package/design-tokens/tokens/src/components/slide-up-down-toggle/slide-up-down-toggle.minimo.tokens.jsonc

@@ -0,0 +1,14 @@
+// -----------------------------------------------------------------------
+// Generated file — do not edit manually.
+// This file is produced by the design-token build pipeline.
+// Source of truth: the token files in the project source directory.
+// Re-generate with: node build-tokens.mjs --config <path/to/config>
+// -----------------------------------------------------------------------
+{
+  "slide": {
+    "duration": {
+      "$type": "duration",
+      "$value": "500ms"
+    }
+  }
+}

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

@@ -150,7 +150,7 @@ StyleDictionary.registerFormat({
     const sequenceList = [
       'xxs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl', 'xxxl', '2xl', '3xl',
       'xlight', 'light', 'regular', 'medium', 'semibold', 'bold', 'xbold'
-    ]
+    ];
 
     const sortFunction = (a, b) => {
       const idxA = sequenceList.indexOf(a.name);

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

@@ -110,7 +110,6 @@ const resolveExpression = (orig, tokenMap) => {
   if (!/^[\d\s+\-*/.()]+$/.test(expr)) return null;
 
   try {
-    // eslint-disable-next-line no-new-func
     const result = Function(`"use strict"; return (${expr})`)();
     if (typeof result !== 'number' || !isFinite(result)) return null;
     // Round to a reasonable precision to avoid floating-point noise
@@ -161,6 +160,7 @@ StyleDictionary.registerFormat({
             value = resolved;
           } else {
             // Resolution failed — keep the original and emit a warning
+            // eslint-disable-next-line no-console
             console.warn(`[build-tokens] penpot: could not resolve expression "${orig}" for token "${token.path.join('.')}". Keeping original.`);
             value = orig;
           }

package/design-tokens/utilities/check-unresolved-custom-props.mjs

@@ -16,7 +16,7 @@ import * as fs from 'node:fs';
 import { /* fileURLToPath,  */pathToFileURL } from 'url';
 // import { dirname } from 'path';
 import { glob } from 'node:fs/promises';
-import { styleText, parseArgs } from 'node:util';
+import { styleText } from 'node:util';
 
 // const __filename = fileURLToPath(import.meta.url);
 // const __dirname  = dirname(__filename);
@@ -24,22 +24,17 @@ import { styleText, parseArgs } from 'node:util';
 // ---------------------------------------------------------------------------
 // 1. Parse flags
 // ---------------------------------------------------------------------------
-const options = {
-  config: {
-    type: 'string',
-    short: 'c',
-  },
-};
+const args = process.argv.slice(2);
+const configFlagIndex = args.findIndex(arg => arg === '--config' || arg === '-c');
+const configArgPath = configFlagIndex !== -1 ? args[configFlagIndex + 1] : undefined;
 
-const { values } = parseArgs({ options });
-
-if (!values.config) {
+if (!configArgPath) {
   console.error(styleText(['red'], 'Error: you must provide the config path with --config or -c'));
   console.log('Example: node check-unresolved-custom-props.mjs --config ./config.mjs');
   process.exit(1);
 }
 
-const absoluteConfigPath = path.resolve(process.cwd(), values.config);
+const absoluteConfigPath = path.resolve(process.cwd(), configArgPath);
 const configDir = path.dirname(absoluteConfigPath);
 
 // ---------------------------------------------------------------------------
@@ -60,9 +55,13 @@ async function run() {
     const exclude = config.exclude_pattern ?? [];
 
     // Collect all .css files in the scan directory, excluding the token file itself
+    // and any file under a directory whose name starts with "TODO" (work-in-progress folders)
     const files = [];
     for await (const entry of glob(path.join(checkdir, '/**/*.css'))) {
-      if (!entry.endsWith(custom_prop_filename)) {
+      const relDirSegments = path.relative(checkdir, path.dirname(entry)).split(path.sep);
+      const isInTodoDir    = relDirSegments.some(segment => /^todo/i.test(segment));
+
+      if (!entry.endsWith(custom_prop_filename) && !isInTodoDir) {
         files.push(entry);
       }
     }

package/design-tokens/utilities/tokens-config-sample.mjs

@@ -5,7 +5,7 @@
 // All paths are relative to this config file (not to the CWD).
 
 // import { homedir } from 'os';
-import path from 'path';
+// import path from 'path';
 
 // Path to the design token source files.
 // You can use an absolute path, a relative path, or build it programmatically.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.16.2",
+  "version": "1.17.1",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/inner-nav/inner-nav.css

@@ -1,8 +1,8 @@
 .inner-nav-main, .inner-nav {
   display: flex;
-  gap: var(--size-lg);
+  gap: var(--inner-nav-gap);
   justify-content: flex-end;
-  margin-block: var(--size-base);
+  margin-block: var(--inner-nav-margin-block);
   /* text-align: end; */
 
   @media print {

package/src/components/inner-nav/inner-nav.minimo.tokens.mjs

@@ -0,0 +1,15 @@
+export default {
+  'inner-nav': {
+    gap: {
+      $type: 'dimension',
+      $value: '{size.lg}'
+    },
+    margin: {
+      block: {
+        $type: 'dimension',
+        $value: '{size.base}'
+      }
+    },
+  }
+};
+