title: Is it possible to use storySort for story variants?
body: <p>I've got a storybook instance set up with some custom sorting added in order to ensure that the <code>docs</code> section appears at the top and is ordered correctly. However, it is now alphabetising <em>all</em> of the stories and their variations. This is annoying and I can't seem to change it using <code>storySort</code>, is this not possible or am I doing something wrong?</p>
  <p>Here's an example of what it currently looks like:
  <a href="https://i.stack.imgur.com/Sa0Mu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sa0Mu.png" alt="Screenshot of sidebar" /></a></p>
  <p>All of this is fine until you reach the <code>Button</code> story, as you can see, each variant has been added in alphabetical order instead of the order they are in on the page. Here is my <code>storySort</code> object, have I done something wrong here?</p>
  <pre class="lang-js prettyprint-override"><code>storySort: {
        method: 'configure',
        includeName: true,
        order: [
          'Docs',
          [
            'Introduction',
            'Coding Guidelines',
            ['General'],
            '*',
            'Architectural Decisions',
            ['Introduction']
          ],
          'Atoms',
          'Molecules',
          'Organisms',
          'Pages'
        ]
      }
  </code></pre>
  <p>I've also tried it without adding <code>method</code> and <code>includeName</code> but that doesn't seem to make a difference. I've also tried adding <code>['*', ['Default', 'Primary', 'Secondary', 'Tertiary', 'Alternate']],</code> underneath each <code>Atoms</code>, <code>Molecules</code> and <code>Organisms</code> entries but that didn't seem to make a difference.</p>