reactjs - react-toolbox の accounts-material を編集しようとすると、予期しないトークンが発生する

Question

マテリアライズの代わりに react-toolbox を使用するようにパッケージを編集しようとしていますstd:accounts-materialが、これまでのところ成功していません。私は、彼が material-ui を使用するように編集した lawrently の accounts-material をガイドとして使用しています。

これまでに変更した内容と、取得しているエラーは次のとおりです。

import { Button as MButton } from 'react-toolbox/lib/button';
import FontIcon from 'react-toolbox/lib/font_icon';

class Button extends Accounts.ui.Button {
  render() {
    const { label, type, disabled = false, onClick, className } = this.props;
    return type == 'link' ? (
      <a style={{cursor: 'pointer'}} className={ className } onClick={ onClick }>{ label }</a>
    ) : (
      <MButton
        onClick={ onClick }
        label={ label }>
        { type == 'submit' ? <FontIcon className='btnsend' value='send' /> : null }
      </MButton>
    );
  }
}

エラー：

W20160813-00:05:13.266(-5)? (STDERR) /home/john/dev/testapp/node_modules/react-toolbox/lib/ripple/theme.scss:1
W20160813-00:05:13.267(-5)? (STDERR) (function (exports, require, module, __filename, __dirname) { @import "../colors";
W20160813-00:05:13.267(-5)? (STDERR) ^
W20160813-00:05:13.267(-5)? (STDERR) 
W20160813-00:05:13.267(-5)? (STDERR) SyntaxError: Unexpected token ILLEGAL
W20160813-00:05:13.268(-5)? (STDERR) at exports.runInThisContext (vm.js:53:16)
W20160813-00:05:13.268(-5)? (STDERR) at Module._compile (module.js:373:25)
W20160813-00:05:13.268(-5)? (STDERR) at Object.Module._extensions..js (module.js:416:10)
W20160813-00:05:13.268(-5)? (STDERR) at Module.load (module.js:343:32)
W20160813-00:05:13.269(-5)? (STDERR) at Module.Mp.load (/home/john/.meteor/packages/babel-compiler/.6.9.0.qsbxws++os+web.browser+web.cordova/npm/node_modules/reify/node/runtime.js:16:23)
W20160813-00:05:13.270(-5)? (STDERR) at Function.Module._load (module.js:300:12)
W20160813-00:05:13.270(-5)? (STDERR) at Module.require (module.js:353:17)
W20160813-00:05:13.270(-5)? (STDERR) at require (internal/module.js:12:17)
W20160813-00:05:13.271(-5)? (STDERR) at Object. (/home/john/dev/testapp/node_modules/react-toolbox/lib/ripple/index.js:13:14)
W20160813-00:05:13.271(-5)? (STDERR) at Module._compile (module.js:409:26)
=> Exited with code: 1 
=> Your application is crashing. Waiting for file change.

オリジナル：

class Button extends Accounts.ui.Button {
  render() {
    const { label, type, disabled = false, onClick, className } = this.props;
    return type == 'link' ? (
      <a style={{cursor: 'pointer'}} className={ className } onClick={ onClick }>{ label }</a>
    ) : (
      <button className={ [
          'ui',
          type === 'submit' ? 'btn waves-effect waves-light' : 'btn-flat',
          disabled ? 'disabled' : '',
          className
        ].join(' ') } type={ type } disabled={ disabled }
        onClick={ onClick }>
        { label }
        { type == 'submit' ? <i className="material-icons right">send</i> : null }
      </button>
    );
  }
}

どんな助けでも大歓迎です。