@massimo-cassandro/minimo 0.3.6 → 0.4.1

package/design-tokens/sf-macro.minimo.tokens.jsonc

@@ -0,0 +1,66 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "sf-macro": {
+    "rows": {
+      "padding": {
+        "$type": "dimension",
+        "$value": "{size.xs}"
+      },
+      "margin": {
+        "block": {
+          "end": {
+            "$type": "dimension",
+            "$value": "{size.base}"
+          }
+        }
+      },
+      "hover": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "color-mix(in srgb, #fff 95%, #000)"
+          }
+        }
+      },
+      "even": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{body.background.color}"
+          }
+        }
+      },
+      "border": {
+        "$type": "border",
+        "$value": {
+          "color": "#666",
+          "width": "1px",
+          "style": "solid"
+        }
+      },
+      "border-radius": {
+        "$type": "dimension",
+        "$value": "{radius.xs}"
+      }
+    },
+    "btn": {
+      "close": {
+        "size": {
+          "$type": "dimension",
+          "$value": "2rem"
+        },
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{body.background.color}"
+          }
+        }
+      }
+    }
+  }
+}

package/design-tokens/simple-datatable.minimo.tokens.jsonc

@@ -0,0 +1,51 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "sdt": {
+    "thead": {
+      "hover": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "color-mix(in srgb, #ddd 90%, #567d0d)"
+          }
+        }
+      }
+    },
+    "pagination": {
+      "border": {
+        "$type": "border",
+        "$value": {
+          "color": "#666",
+          "width": "1px"
+        }
+      },
+      "padding": {
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xxs}"
+        },
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.xs}"
+        }
+      }
+    },
+    "hover": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.background.color}"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{btn.primary.color}"
+      }
+    }
+  }
+}

package/design-tokens/size.minimo.tokens.jsonc

@@ -0,0 +1,46 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "size": {
+    "xs": {
+      "$type": "dimension",
+      "$value": ".5rem"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "1.2rem"
+    },
+    "3xl": {
+      "$type": "dimension",
+      "$value": "4rem"
+    },
+    "2xl": {
+      "$type": "dimension",
+      "$value": "3rem"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "1rem"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "1.5rem"
+    },
+    "xxs": {
+      "$type": "dimension",
+      "$value": ".25rem"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "2rem"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": ".75rem"
+    }
+  }
+}

package/design-tokens/spinner.minimo.tokens.jsonc

@@ -0,0 +1,24 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "spinner": {
+    "size": {
+      "$type": "dimension",
+      "$value": "{size.lg}"
+    },
+    "color": {
+      "$type": "color",
+      "$value": "{primary.base}"
+    },
+    "stroke": {
+      "width": {
+        "$type": "dimension",
+        "$value": "2px"
+      }
+    }
+  }
+}

package/design-tokens/status.minimo.tokens.jsonc

@@ -0,0 +1,98 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "status": {
+    "danger": {
+      "color": {
+        "$type": "color",
+        "$value": "#c00"
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.danger.color}"
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": "#fff"
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.danger.color}"
+        }
+      }
+    },
+    "success": {
+      "color": {
+        "$type": "color",
+        "$value": "#046d19"
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.success.color}"
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": "#fff"
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.success.color}"
+        }
+      }
+    },
+    "info": {
+      "color": {
+        "$type": "color",
+        "$value": "#0665c5"
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.info.color}"
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": "#fff"
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.info.color}"
+        }
+      }
+    },
+    "warning": {
+      "color": {
+        "$type": "color",
+        "$value": "#fc0"
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.warning.color}"
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": "#4f2900"
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{status.warning.color}"
+        }
+      }
+    }
+  }
+}

package/design-tokens/table.minimo.tokens.jsonc

@@ -0,0 +1,64 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "table": {
+    "thead": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "#ddd"
+        }
+      },
+      "border": {
+        "width": {
+          "$type": "dimension",
+          "$value": "3px"
+        }
+      }
+    },
+    "body": {
+      "border": {
+        "width": {
+          "$type": "dimension",
+          "$value": "1px"
+        }
+      },
+      "tr": {
+        "alt-bg-color": {
+          "$type": "color",
+          "$value": "#efefef"
+        },
+        "hover-bg-color": {
+          "$type": "color",
+          "$value": "#cbcbcb"
+        }
+      }
+    },
+    "border": {
+      "color": {
+        "$type": "color",
+        "$value": "#333"
+      }
+    },
+    "cell": {
+      "padding": {
+        "block": {
+          "$type": "dimension",
+          "$value": ".3rem"
+        },
+        "inline": {
+          "$type": "dimension",
+          "$value": ".6rem"
+        }
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": "1.3"
+      }
+    }
+  }
+}

package/design-tokens/toast.minimo.tokens.jsonc

@@ -0,0 +1,32 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "toast": {
+    "font": {
+      "size": {
+        "$type": "dimension",
+        "$value": "{font.size.sm}"
+      }
+    },
+    "border": {
+      "radius": {
+        "$type": "color",
+        "$value": "{radius.sm}"
+      }
+    },
+    "text": {
+      "color": {
+        "$type": "color",
+        "$value": "{text.color}"
+      }
+    },
+    "duration": {
+      "$type": "duration",
+      "$value": "5s"
+    }
+  }
+}

package/design-tokens/typography.minimo.tokens.jsonc

@@ -0,0 +1,102 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "font": {
+    "family": {
+      "$type": "fontFamily",
+      "$value": "sans-serif"
+    },
+    "family-mono": {
+      "$type": "fontFamily",
+      "$value": "'Monaspace Neon Var', 'Monaspace Neon', 'Aptos Mono', 'Roboto Mono', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Andale Mono', 'Courier New', monospace"
+    },
+    "size": {
+      "base": {
+        "$type": "string",
+        "$value": "clamp(.9rem, .6538rem + .3846vw, 1rem)"
+      },
+      "xxs": {
+        "$type": "string",
+        "$value": "clamp(.6rem, .3538rem + .3846vw, .7rem)"
+      },
+      "xs": {
+        "$type": "string",
+        "$value": "clamp(.7rem, .4538rem + .3846vw, .8rem)"
+      },
+      "sm": {
+        "$type": "string",
+        "$value": "clamp(.8rem, .5538rem + .3846vw, .9rem)"
+      },
+      "md": {
+        "$type": "string",
+        "$value": "clamp(1.05rem, .6808rem + .5769vw, 1.2rem)"
+      },
+      "lg": {
+        "$type": "string",
+        "$value": "clamp(1.2rem, .7077rem + .7692vw, 1.4rem)"
+      },
+      "xl": {
+        "$type": "string",
+        "$value": "clamp(1.6rem, 1.1077rem + .7692vw, 1.8rem)"
+      },
+      "2xl": {
+        "$type": "string",
+        "$value": "clamp(2rem, .7692rem + 1.9231vw, 2.5rem)"
+      },
+      "3xl": {
+        "$type": "string",
+        "$value": "clamp(2.2rem, .2308rem + 3.0769vw, 3rem)"
+      }
+    },
+    "line-height": {
+      "base": {
+        "$type": "number",
+        "$value": "1.5"
+      }
+    },
+    "style": {
+      "base": {
+        "$type": "string",
+        "$value": "normal"
+      }
+    },
+    "weight": {
+      "xxlight": {
+        "$type": "string",
+        "$value": "100"
+      },
+      "xlight": {
+        "$type": "string",
+        "$value": "200"
+      },
+      "light": {
+        "$type": "string",
+        "$value": "300"
+      },
+      "regular": {
+        "$type": "string",
+        "$value": "400"
+      },
+      "medium": {
+        "$type": "string",
+        "$value": "500"
+      },
+      "semibold": {
+        "$type": "string",
+        "$value": "600"
+      },
+      "bold": {
+        "$type": "string",
+        "$value": "700"
+      },
+      "xbold": {
+        "$type": "string",
+        "$value": "900"
+      }
+    }
+  }
+}

package/design-tokens/utility.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>
+// -----------------------------------------------------------------------
+{
+  "overlay": {
+    "color": {
+      "$type": "color",
+      "$value": "rgb(0 0 0 / .6)"
+    }
+  }
+}

package/design-tokens/web-components/simple-datatable.minimo.tokens.jsonc

@@ -0,0 +1,51 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "sdt": {
+    "thead": {
+      "hover": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "color-mix(in srgb, #ddd 90%, #567d0d)"
+          }
+        }
+      }
+    },
+    "pagination": {
+      "border": {
+        "$type": "border",
+        "$value": {
+          "color": "#666",
+          "width": "1px"
+        }
+      },
+      "padding": {
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xxs}"
+        },
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.xs}"
+        }
+      }
+    },
+    "hover": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.background.color}"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{btn.primary.color}"
+      }
+    }
+  }
+}

package/design-tokens/z-index.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>
+// -----------------------------------------------------------------------
+{
+  "z-index": {
+    "overlay": {
+      "$type": "number",
+      "$value": 99
+    }
+  }
+}

package/design-tokens-src/_readme.md

@@ -0,0 +1,27 @@
+
+## SD Types
+
+* **Color** (`$type` value: `color`)
+  * Colors in Hex, RGB, HSL, or standard names.  ("#00ff00" or "rgba(0,0,0,0.5)" )
+* **Size** (`dimension`)
+  * Measurements with units (px, rem, em, %, etc.).  ("16px", "1.5rem", "50%" )
+* **Number** (`number`)
+  * Pure numeric values ​​without units (e.g., opacity).  (0.75, 1.2, 100 )
+* **Duration** (`duration`)
+  * Time intervals for animations and transitions.  ("200ms", "0.5s" )
+* **Time Curve** (`cubicBezier`)
+  * Array of 4 numbers for easing curves.  ([0.42, 0, 0.58, 1] )
+* **Font Family** (`fontFamily`)
+  * Name of the font family or list (array).  ("Inter", ["Helvetica", "Arial"] )
+* **Font Weight** (`fontWeight`)
+  * Font weight (number or text alias).  (700, "bold", "light" )
+* **Edge** (`border`)
+  * Compound: requires color, width, style.  ({"color": "#000", "width": "1px", "style": "solid"} )
+* **Shadow** (`shadow`)
+  * Compound: color, offsetX, offsetY, blur, spread, inset.  ({"color": "#0003", "offsetX": "0px", "offsetY": "4px", "blur": "10px"} )
+* **Typography** (`typography`)
+  * Compound: fontFamily, fontSize, fontWeight, lineHeight, letterSpacing.  ({"fontFamily": "Inter", "fontSize": "16px", "fontWeight": 400} )
+* **Gradient** (`gradient`)
+  * Compound: Array of "stops" (color and position).  ([{"color": "#000", "offset": 0}, {"color": "#fff", "offset": 1}] )
+* **Stroke Style** (`strokeStyle`)
+  * Compound: Defines line patterns (dashes).  ({"dashArray": ["4px", "2px"], "lineCap": "round"} )

package/design-tokens-src/alerts.minimo.tokens.mjs

@@ -0,0 +1,25 @@
+export default {
+  alert: {
+    border: {
+      radius: {
+        $value: '{radius.sm}',
+        $type: 'dimension'
+      },
+    },
+
+    'box-shadow': {
+      // $type: "string",
+      // $value: "none"
+      $type: 'shadow',
+      $value: [
+        {
+          offsetX: 0,
+          offsetY: 0,
+          blur: '8px',
+          spread: 0,
+          color: 'oklch(0 0 0 / 0.5)'
+        }
+      ]
+    }
+  }
+};

package/{src/design-tokens → design-tokens-src}/form.minimo.tokens.jsonc

@@ -129,13 +129,23 @@
       "disabled": {
         "background": {
           "color": {
-            "$value": "#999",
+            "$value": "#ddd",
             "$type": "color"
           }
         },
+        "color": {
+          "$value": "#999",
+          "$type": "color"
+        },
         "opacity": {
           "$value": ".3",
           "$type": "number"
+        },
+        "font": {
+          "style": {
+            "$value": "italic",
+            "$type": "string"
+          }
         }
       },
       "required": {