@massimo-cassandro/minimo 0.3.5 → 0.4.0

package/README.md

@@ -10,4 +10,4 @@ Very light-size framework
 npm i @massimo-cassandro/minimo
 ```
 
-> Note: **minimo** is designed to be used with WebPack using the configuration you can find in the [boilerplate folder](./boilerplate/) of this repository. If changes are made (for example, to how SVG files are imported), things may not work as expected
+> Note: **minimo** is designed to be used with WebPack using the configuration you can find in the [webpack-setup folder](./webpack-setup/) of this repository. If changes are made (for example, to how SVG files are imported), things may not work as expected

package/design-tokens/alerts.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>
+// -----------------------------------------------------------------------
+{
+  "alert": {
+    "border": {
+      "radius": {
+        "$type": "dimension",
+        "$value": "{radius.sm}"
+      }
+    },
+    "box-shadow": {
+      "$type": "shadow",
+      "$value": [
+        {
+          "offsetX": 0,
+          "offsetY": 0,
+          "blur": "8px",
+          "spread": 0,
+          "color": "oklch(0 0 0 / 0.5)"
+        }
+      ]
+    }
+  }
+}

package/design-tokens/badge.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>
+// -----------------------------------------------------------------------
+{
+  "badge": {
+    "background": {
+      "color": {
+        "$type": "color",
+        "$value": "{primary.base}"
+      }
+    },
+    "color": {
+      "$type": "color",
+      "$value": "{primary.on-base}"
+    },
+    "font": {
+      "size": {
+        "$type": "dimension",
+        "$value": "{font.size.xs}"
+      },
+      "weight": {
+        "$type": "number",
+        "$value": "{font.weight.semibold}"
+      }
+    },
+    "lg": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.base}"
+        },
+        "weight": {
+          "$type": "number",
+          "$value": "{badge.font.weight}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "layout": {
+    "container": {
+      "max-width": {
+        "$type": "dimension",
+        "$value": "80rem"
+      }
+    }
+  },
+  "body": {
+    "background": {
+      "color": {
+        "$type": "color",
+        "$value": "#fff"
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": "{text.color}"
+    }
+  },
+  "text": {
+    "muted": {
+      "$type": "color",
+      "$value": "{neutral.base}"
+    },
+    "dim": {
+      "$type": "color",
+      "$value": "{text.muted}"
+    },
+    "negative": {
+      "$type": "color",
+      "$value": "#ffffff"
+    },
+    "color": {
+      "$type": "color",
+      "$value": "#000"
+    },
+    "selected": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "#ddd"
+        }
+      },
+      "text": {
+        "$type": "color",
+        "$value": "{body.text}"
+      }
+    }
+  }
+}

package/design-tokens/btn-close.minimo.tokens.jsonc

@@ -0,0 +1,96 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "btn": {
+    "close": {
+      "size": {
+        "$type": "dimension",
+        "$value": "1.5rem"
+      },
+      "padding": {
+        "$type": "dimension",
+        "$value": "3px"
+      },
+      "border": {
+        "width": {
+          "$type": "dimension",
+          "$value": "2px"
+        },
+        "color": {
+          "$type": "color",
+          "$value": "{btn.close.icon.color}"
+        },
+        "radius": {
+          "$type": "dimension",
+          "$value": "50%"
+        }
+      },
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{body.background.color}"
+        }
+      },
+      "icon": {
+        "color": {
+          "$type": "color",
+          "$value": "{text.color}"
+        },
+        "bar": {
+          "size": {
+            "$type": "dimension",
+            "$value": "2px"
+          }
+        }
+      },
+      "hover": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.close.icon.color}"
+          }
+        },
+        "icon": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.close.background.color}"
+          }
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "2px"
+          },
+          "offset": {
+            "$type": "dimension",
+            "$value": "2px"
+          },
+          "color": {
+            "$type": "color",
+            "$value": "{link.focus.outline.color}"
+          }
+        }
+      },
+      "active": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{link.active.background.color}"
+          }
+        },
+        "icon": {
+          "color": {
+            "$type": "color",
+            "$value": "{link.active.color}"
+          }
+        }
+      }
+    }
+  }
+}

package/design-tokens/btn-primary.minimo.tokens.jsonc

@@ -0,0 +1,96 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "btn": {
+    "primary": {
+      "background": {
+        "color": {
+          "$type": "color",
+          "$value": "{primary.base}"
+        }
+      },
+      "color": {
+        "$type": "color",
+        "$value": "{primary.on-base}"
+      },
+      "border": {
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.background.color}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "color": {
+            "$type": "color",
+            "$value": "color-mix(in srgb, #083865 60%, transparent);"
+          }
+        }
+      },
+      "hover": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.primary.color}"
+          }
+        },
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.background.color}"
+        },
+        "border": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.primary.hover.color}"
+          }
+        }
+      },
+      "active": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "color-mix(in srgb, #083865 60%, #000);"
+          }
+        },
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.color}"
+        },
+        "border": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.primary.active.background.color}"
+          }
+        }
+      },
+      "hollow": {
+        "background": {
+          "color": {
+            "$type": "color",
+            "$value": "{btn.primary.color}"
+          }
+        },
+        "color": {
+          "$type": "color",
+          "$value": "{btn.primary.background.color}"
+        },
+        "hover": {
+          "background": {
+            "color": {
+              "$type": "color",
+              "$value": "color-mix(in srgb, #083865 20%, transparent);"
+            }
+          },
+          "color": {
+            "$type": "color",
+            "$value": "{btn.primary.hollow.color}"
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,196 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "btn": {
+    "font": {
+      "style": {
+        "$type": "string",
+        "$value": "{form.control.font.style}"
+      },
+      "weight": {
+        "$type": "fontWeight",
+        "$value": "{form.control.font.weight}"
+      },
+      "size": {
+        "$type": "dimension",
+        "$value": "{form.control.font.size}"
+      }
+    },
+    "border": {
+      "radius": {
+        "$type": "dimension",
+        "$value": "{form.control.border.radius}"
+      },
+      "width": {
+        "$type": "dimension",
+        "$value": "{form.control.border.width}"
+      }
+    },
+    "hollow": {
+      "border": {
+        "width": {
+          "$type": "dimension",
+          "$value": "{btn.border.width}"
+        }
+      }
+    },
+    "disabled": {
+      "opacity": {
+        "$type": "",
+        "$value": "{form.control.disabled.opacity}"
+      }
+    },
+    "focus": {
+      "outline": {
+        "width": {
+          "$type": "dimension",
+          "$value": "{form.control.focus.outline.width}"
+        }
+      }
+    },
+    "padding": {
+      "inline": {
+        "$type": "dimension",
+        "$value": "{size.base}"
+      },
+      "block": {
+        "$type": "dimension",
+        "$value": "{size.xs}"
+      }
+    },
+    "xs": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.xs}"
+        }
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.xxs}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xxs}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "1px"
+          }
+        }
+      }
+    },
+    "sm": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.sm}"
+        }
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.xs}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xxs}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "2px"
+          }
+        }
+      }
+    },
+    "md": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.md}"
+        }
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.sm}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.xs}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "3px"
+          }
+        }
+      }
+    },
+    "lg": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.lg}"
+        }
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.md}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.base}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "4px"
+          }
+        }
+      }
+    },
+    "xl": {
+      "font": {
+        "size": {
+          "$type": "dimension",
+          "$value": "{font.size.xl}"
+        }
+      },
+      "padding": {
+        "inline": {
+          "$type": "dimension",
+          "$value": "{size.xl}"
+        },
+        "block": {
+          "$type": "dimension",
+          "$value": "{size.md}"
+        }
+      },
+      "focus": {
+        "outline": {
+          "width": {
+            "$type": "dimension",
+            "$value": "6px"
+          }
+        }
+      }
+    }
+  }
+}

package/design-tokens/color-accent.minimo.tokens.jsonc

@@ -0,0 +1,18 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "accent": {
+    "base": {
+      "$type": "color",
+      "$value": "#567d0d"
+    },
+    "on-base": {
+      "$type": "color",
+      "$value": "#fff"
+    }
+  }
+}

package/design-tokens/color-neutral.minimo.tokens.jsonc

@@ -0,0 +1,18 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "neutral": {
+    "base": {
+      "$type": "color",
+      "$value": "#666"
+    },
+    "on-base": {
+      "$type": "color",
+      "$value": "#fff"
+    }
+  }
+}

package/design-tokens/color-primary.minimo.tokens.jsonc

@@ -0,0 +1,18 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "primary": {
+    "base": {
+      "$type": "color",
+      "$value": "#083865"
+    },
+    "on-base": {
+      "$type": "color",
+      "$value": "#fff"
+    }
+  }
+}

package/design-tokens/color-secondary.minimo.tokens.jsonc

@@ -0,0 +1,18 @@
+// -----------------------------------------------------------------------
+// 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>
+// -----------------------------------------------------------------------
+{
+  "secondary": {
+    "base": {
+      "$type": "color",
+      "$value": "#650853"
+    },
+    "on-base": {
+      "$type": "color",
+      "$value": "#fff"
+    }
+  }
+}

package/design-tokens/components/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"
+      }
+    }
+  }
+}