Styledictionary/4/Formatting Options

Last update

Sep 9, 2024

What Changed

This codemod updates file formats to accept options that influence output creation, with the options now nested under the options property. In v3, these options were previously placed directly at the file properties level alongside the destination and format props.

Before

{
    "source": ["tokens.json"],
    "platforms": {
      "css": {
        "transformGroup": "scss",
        "files": [
          {
            "destination": "map.scss",
            "format": "scss/map-deep",
            "mapName": "tokens"
          }
        ]
      }
    }
  }

After

{
    "source": [
      "tokens.json"
    ],
    "platforms": {
      "css": {
        "transformGroup": "scss",
        "files": [
          {
            "destination": "map.scss",
            "format": "scss/map-deep",
            "options": {
              "mapName": "tokens"
            }
          }
        ]
      }
    }
  }

What Changed

Before

{
    "source": ["tokens.json"],
    "platforms": {
      "css": {
        "transformGroup": "scss",
        "files": [
          {
            "destination": "map.scss",
            "format": "scss/map-deep",
            "mapName": "tokens"
          }
        ]
      }
    }
  }

After

{
    "source": [
      "tokens.json"
    ],
    "platforms": {
      "css": {
        "transformGroup": "scss",
        "files": [
          {
            "destination": "map.scss",
            "format": "scss/map-deep",
            "options": {
              "mapName": "tokens"
            }
          }
        ]
      }
    }
  }

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

Get Started Now