Add support to 'disabled' prop

[jooyunghan]

Disabled elements will not react to interactions (hover/active/focus) and follow the :disabled pseudo-class style.

<input disabled style={{':hover': ..., ':disabled': ...}}>

[coveralls]

Coverage decreased (-0.3%) to 96.179% when pulling f297655 on jooyunghan:master into 2a0ed35 on FormidableLabs:master.

[jeffrifwald]

On line 177 and here, let's call that style all instead of both since there are three now.

[jeffrifwald]

Looking good. I just had a few style-related comments.

[coveralls]

Coverage decreased (-0.2%) to 96.26% when pulling 44764ec on jooyunghan:master into 2a0ed35 on FormidableLabs:master.

[alexlande]

Thanks @jooyunghan + @jmcriffey!

[dancherb]

I have a custom "disable handling" where I set e.g. opacity 0.5 on a component (and disable interactions) and Radium doesn't handle this - a component stays on the :hover state if it's been made active and then disabled, until you roll over it again (so it seems like e.g. lots of components are "selected" when lots are actually just stuck). Is there a workaround/fix for this?

Edit: a fix I've just found is to pass in a "key" prop with any important values that might change (i.e. my "enable button" var), causing a re-render when anything changes. This does mess up any animations though so not ideal.