Skip to content

Hyvä Init

This command creates a hyva.config.json in the theme folder next to package.json. This file is used to configure the other hyva-* commands.

To run it, use: npx hyva-init.

What can you configure

Most of this more dedicated to each command, but in sort for each option we provide a top level key.

So for hyva-tokens it will look for the key tokens, from here each config has its own keys.

If you add keys we don't normally support then they will be ignored, this allows you to use the config for more options. if you do add more options please make sure to avoid naming conflicts with our own solutions.

Example Config

this a full config using the latest options as of v1.1 of the hyva-modules package.

{
  "tailwind": {
    "include": [
      { "src": "<PATH>" }
    ],
    "exclude": [
      { "src": "<PATH>" }
    ]
  },
  "tokens": {
    "src": "acme-hyva.design.tokens.json",
    "values": {
        "color": {
            "hyva-blue": "oklch(0.38 0.23 265.33)",
        }
    },
    "format": "default", // options: 'default' or 'figma'
    "cssSelector": ":root"
  }
}