@massimo-cassandro/minimo 0.3.5 → 0.4.0

package/design-tokens/components/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/components/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/components/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/flex-grid.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>
+// -----------------------------------------------------------------------
+{
+  "flex-grid": {
+    "gap": {
+      "$type": "dimension",
+      "$value": "1.5rem"
+    }
+  },
+  "grid": {
+    "cols": {
+      "$type": "number",
+      "$value": 3
+    },
+    "min-col-width": {
+      "$type": "dimension",
+      "$value": "6rem"
+    }
+  }
+}

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

@@ -0,0 +1,304 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "form": {
+    "label": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.sm}"
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": "{font.weight.semibold}"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{text.color}"
+      }
+    },
+    "group": {
+      "padding-block": {
+        "$type": "dimension",
+        "$value": "0 1rem"
+      }
+    },
+    "input-group": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "transparent"
+        }
+      }
+    },
+    "control": {
+      "static": {
+        "color": {
+          "$type": "color",
+          "$value": "{form.control.text.color}"
+        },
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "transparent"
+          }
+        }
+      },
+      "text": {
+        "color": {
+          "$type": "color",
+          "$value": "{text.color}"
+        }
+      },
+      "font": {
+        "style": {
+          "$type": "string",
+          "$value": "normal"
+        },
+        "weight": {
+          "$type": "fontWeight",
+          "$value": "{font.weight.regular}"
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.base}"
+        }
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{body.background.color}"
+        }
+      },
+      "line-height": {
+        "$type": "number",
+        "$value": "1.2"
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.sm}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xs}"
+        }
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "#666"
+        },
+        "width": {
+          "$type": "dimension",
+          "$value": "1px"
+        },
+        "radius": {
+          "$type": "dimension",
+          "$value": "{radius.xxs}"
+        }
+      },
+      "placeholder": {
+        "color": {
+          "$type": "color",
+          "$value": "#666"
+        },
+        "opacity": {
+          "$type": "number",
+          "$value": 0.8
+        },
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{form.control.font.size}"
+          },
+          "style": {
+            "$type": "string",
+            "$value": "italic"
+          }
+        }
+      },
+      "disabled": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "#999"
+          }
+        },
+        "opacity": {
+          "$type": "number",
+          "$value": ".3"
+        }
+      },
+      "required": {
+        "flag-color": {
+          "$type": "color",
+          "$value": "#c00"
+        },
+        "flag-content": {
+          "$type": "string",
+          "$value": "'\\002A'"
+        }
+      },
+      "focus": {
+        "color": {
+          "$type": "color",
+          "$value": "hsl(205 69% 45% / .508)"
+        },
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "4px"
+          }
+        }
+      },
+      "xs": {
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{font.size.xs}"
+          }
+        },
+        "padding": {
+          "inline": {
+            "$type": "dimension",
+            "$value": "{size.xxs}"
+          },
+          "block": {
+            "$type": "dimension",
+            "$value": "{size.xxs}"
+          }
+        }
+      },
+      "sm": {
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{font.size.sm}"
+          }
+        },
+        "padding": {
+          "inline": {
+            "$type": "dimension",
+            "$value": "{size.xs}"
+          },
+          "block": {
+            "$type": "dimension",
+            "$value": "{size.xxs}"
+          }
+        }
+      },
+      "md": {
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{font.size.md}"
+          }
+        },
+        "padding": {
+          "inline": {
+            "$type": "dimension",
+            "$value": "{size.sm}"
+          },
+          "block": {
+            "$type": "dimension",
+            "$value": "{size.xs}"
+          }
+        }
+      },
+      "lg": {
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{font.size.lg}"
+          }
+        },
+        "padding": {
+          "inline": {
+            "$type": "dimension",
+            "$value": "{size.md}"
+          },
+          "block": {
+            "$type": "dimension",
+            "$value": "{size.base}"
+          }
+        }
+      },
+      "xl": {
+        "font": {
+          "size": {
+            "$type": "dimension",
+            "$value": "{font.size.xl}"
+          }
+        },
+        "padding": {
+          "inline": {
+            "$type": "dimension",
+            "$value": "{size.xl}"
+          },
+          "block": {
+            "$type": "dimension",
+            "$value": "{size.md}"
+          }
+        }
+      },
+      "select": {
+        "trigger-icon": {
+          "$type": "string",
+          "$value": "url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22rgb(5%2C%2048%2C%2056)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m2%205%206%206%206-6%22%2F%3E%3C%2Fsvg%3E')"
+        }
+      }
+    },
+    "fieldset": {
+      "border": {
+        "width": {
+          "$type": "dimension",
+          "$value": "1px"
+        }
+      }
+    },
+    "legend": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "transparent"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{text.color}"
+      }
+    },
+    "end": {
+      "margin": {
+        "block": {
+          "start": {
+            "$type": "dimension",
+            "$value": "{size.base}"
+          },
+          "end": {
+            "$type": "dimension",
+            "$value": "{size.base}"
+          }
+        }
+      }
+    },
+    "user-info": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.xs}"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{text.muted}"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,62 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "headings": {
+    "text": {
+      "align": {
+        "$type": "string",
+        "$value": "inherit"
+      }
+    },
+    "color": {
+      "$type": "color",
+      "$value": "{text.color}"
+    },
+    "font": {
+      "weight": {
+        "$type": "string",
+        "$value": "{font.weight.semibold}"
+      }
+    },
+    "h1": {
+      "font": {
+        "weight": {
+          "$type": "string",
+          "$value": "{headings.font.weight}"
+        },
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.2xl}"
+        }
+      }
+    },
+    "h2": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.xl}"
+        }
+      }
+    },
+    "h3": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.lg}"
+        }
+      }
+    },
+    "h4": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.md}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "link": {
+    "color": {
+      "$type": "color",
+      "$value": "#0d12ae"
+    },
+    "visited": {
+      "color": {
+        "$type": "color",
+        "$value": "#ae0da3"
+      }
+    },
+    "focus": {
+      "outline": {
+        "color": {
+          "$type": "color",
+          "$value": "{link.color}"
+        },
+        "width": {
+          "$type": "dimension",
+          "$value": "2px"
+        }
+      }
+    },
+    "active": {
+      "color": {
+        "$type": "color",
+        "$value": "#51054C"
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "transparent"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "radius": {
+    "base": {
+      "$type": "dimension",
+      "$value": "{size.base}"
+    },
+    "xxs": {
+      "$type": "dimension",
+      "$value": "{size.xxs}"
+    },
+    "xs": {
+      "$type": "dimension",
+      "$value": "{size.xs}"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "{size.sm}"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "{size.md}"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "{size.lg}"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "{size.xl}"
+    },
+    "pill": {
+      "$type": "dimension",
+      "$value": "9999rem"
+    }
+  }
+}

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

@@ -0,0 +1,28 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "recaptcha": {
+    "alert": {
+      "overlay": {
+        "color": {
+          "$type": "color",
+          "$value": "rgb(0 0 0 / .5)"
+        }
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "#000"
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": "#fff"
+      }
+    }
+  }
+}

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}"
+          }
+        }
+      }
+    }
+  }
+}