Improve Storybook docs structure by hide or disable controls of internal-use Stories

[Dogdriip]

Description

Storybook MDX 문서 내부적으로 사용되는 Story가 Storybook 문서 구조(Sidebar 등)에 보이지 않아야 합니다.

Reasons for suggestion

• MDX 문서에서 size나 color 등 여러 variant를 보여주고자 만들어 둔 Story가 있습니다.
• 이 Story에는 하나의 컴포넌트가 여러 개 들어가 있어, Storybook의 Controls 등이 동작하지 않습니다.
  • 
• 또한 MDX 문서 내에서 Docs 용도로만 사용되는 것을 의도했기에, 해당 Story를 Canvas view에서 단독으로 보거나 Controls를 조작하는 등의 behaviour는 의도하지 않은 유저 행동입니다.
• 따라서 MDX 문서 내에서만 사용할 용도로 만든 Story는 Storybook 트리 구조에 노출되지 않아야 하고, 적어도 해당 Story는 동작하지 않고 단순히 Canvas view만을 위해 만들어진 Story라는 것을 명시해야 합니다.

Proposed solution

TODO

References

• Storybook - Naming components and hierarchy
• Storybook - CSF
• Storybook - MDX
• https://github.com/storybookjs/storybook/issues/14476
• https://github.com/storybookjs/storybook/issues/9209

[Dogdriip]

장기적으로는 위 사진과 같은 스토리 구조가 되면 좋겠네요... https://storybook.js.org/

[dimitrieh]

Would love to see this get picked up by the devs :)