.babelrc

{
  "presets": ["./tools/grommet-babel-preset-es2015", "stage-1", "react"],
  "plugins": [
    ["styled-components", { "useDisplayName": false }]
  ],
  "env": {
    "es6": {
      "plugins": [
        ["transform-imports", {
        "grommet": {
          "transform": "grommet/es6/components/${member}",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet/contexts": {
          "transform": "grommet/es6/contexts/${member}",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet/components/hocs": {
          "transform": "grommet/es6/components/hocs",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet/themes": {
          "transform": "grommet/es6/themes/${member}",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet/utils": {
          "transform": "grommet/es6/utils",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet-icons": {
          "transform": "grommet-icons/es6/icons/${member}",
          "preventFullImport": true,
          "skipDefaultConversion": true
        },
        "grommet-icons/contexts": {
          "transform": "grommet-icons/es6/contexts/${member}",
          "preventFullImport": true,
          "skipDefaultConversion": true
        }
        }]
      ]
    }
  }
}