title: Change ArgTypes depending on select args
body: <p>Is there a way to dynamically change the <code>ArgTypes</code> when <code>args</code> of a components changes in Storybook?</p>
  <p>For instance, suppose a strory with a component that has 2 controls: <code>id</code> and <code>value</code>.
  <code>id</code> can either be <code>1</code> or <code>2</code>.
  If <code>id == '1'</code> then <code>argTypes.value.control.min = 0</code>, else <code>argTypes.value.control.min = -100</code>.</p>
  <p>Example code:</p>
  <pre class="lang-js prettyprint-override"><code>export default {
    argTypes: {
      id: { control: { type: 'select', options: ['1', '2']}},
      value: { control: {type: 'range', min:0, max: 100, step:10}},
    }
  };
  
  const Template = (args) =&gt; &lt;MyComponent {...args} /&gt;;
  
  export const Example = Template.bind({});
  Template.args = {
    id: '1',
    value: 0,
  };
  </code></pre>